JavaScript访问AJAX输出内容有关问题——
日期：2014-05-16 浏览次数：20521 次
JavaScript访问AJAX输出内容问题——在线等。
用AJAX技术读取了一份数据， 放在一个层 <div id= "result "> </div> 中。
AJAX读的数据的格式是
<li> AAAAA </li>
<li> BBBbb </li>
我现在想用JS操作这个 <LI> ,该怎么做??
我发现在最终我们看到的页面上的HTML源码中 <div id= "result "> </div> 标签不变,中间并没有 <li> ,虽然我们在IE里看到有.
所以我的JS:
var DivArray = document.getElementById( "result ").getElementsByTagName( "li ");
var DivLength=DivArray.length;
这个DivLength =0
请问:
该如何写才能控制到这个 <li> ??
JS新手。
------解决方案--------------------
<script type= "text/javascript ">
alert(document.getElementById( "result ").childNodes[0].innerHTML)
alert(document.getElementById( "result ").childNodes[1].innerHTML)
</script>
------解决方案--------------------
可以用的啊。
<body>
<div id=result>
<li> AAAAA </li>
<li> BBBbb </li>
</div>
<script>
var DivArray = document.getElementById( "result ").getElementsByTagName( "li ");
var DivLength=DivArray.length;
alert(DivLength)
</script>
看看
alert(document.getElementById( "result ").innerHTML)
是什么内容
------解决方案--------------------
li外面是不是应该加上ul或ol，不然不符合w3c的标准
------解决方案--------------------
<div id= "result "> </div>
<script language= "JavaScript " type= "text/javascript ">
<!--
var str = " <li> AAAAA </li> <li> BBBbb </li> ";
document.getElementById( "result ").innerHTML = str;
-->
</script>
------解决方案--------------------
<div id= "result "> </div>
========================================
function createLi(strE) //strE传入 'result '
{
var tarE=document.getElementById(strE);
var li1=document.createElement( 'li ');
li1.innerHTML= 'AAAA ';
var li2=document.createElement( 'li ');
li2.innerHTML= 'BBBB ';
tarE.appendChild(li1);
tarE.appendChild(li2);
}
=======================
------解决方案--------------------
igyhi的方法是正确的，用这种标准方法写进去的数据才能被完整的读出来，用innerHTML可能读不出（没试过）
------解决方案--------------------
lz你是如何把返回数据添加到页面中的，把这个代码放出来大家才能帮你想办法啊
------解决方案--------------------
<body>
<div id= "result "> </div>
</body>
<script>
var str= " <li> AAAAA </li> <li> BBBbb </li> "
result.innerHTML=str
</script>
就这么简单
用AJAX技术读取了一份数据， 放在一个层 <div id= "result "> </div> 中。
AJAX读的数据的格式是
<li> AAAAA </li>
<li> BBBbb </li>
我现在想用JS操作这个 <LI> ,该怎么做??
我发现在最终我们看到的页面上的HTML源码中 <div id= "result "> </div> 标签不变,中间并没有 <li> ,虽然我们在IE里看到有.
所以我的JS:
var DivArray = document.getElementById( "result ").getElementsByTagName( "li ");
var DivLength=DivArray.length;
这个DivLength =0
请问:
该如何写才能控制到这个 <li> ??
JS新手。
------解决方案--------------------
<script type= "text/javascript ">
alert(document.getElementById( "result ").childNodes[0].innerHTML)
alert(document.getElementById( "result ").childNodes[1].innerHTML)
</script>
------解决方案--------------------
可以用的啊。
<body>
<div id=result>
<li> AAAAA </li>
<li> BBBbb </li>
</div>
<script>
var DivArray = document.getElementById( "result ").getElementsByTagName( "li ");
var DivLength=DivArray.length;
alert(DivLength)
</script>
看看
alert(document.getElementById( "result ").innerHTML)
是什么内容
------解决方案--------------------
li外面是不是应该加上ul或ol，不然不符合w3c的标准
------解决方案--------------------
<div id= "result "> </div>
<script language= "JavaScript " type= "text/javascript ">
<!--
var str = " <li> AAAAA </li> <li> BBBbb </li> ";
document.getElementById( "result ").innerHTML = str;
-->
</script>
------解决方案--------------------
<div id= "result "> </div>
========================================
function createLi(strE) //strE传入 'result '
{
var tarE=document.getElementById(strE);
var li1=document.createElement( 'li ');
li1.innerHTML= 'AAAA ';
var li2=document.createElement( 'li ');
li2.innerHTML= 'BBBB ';
tarE.appendChild(li1);
tarE.appendChild(li2);
}
=======================
------解决方案--------------------
igyhi的方法是正确的，用这种标准方法写进去的数据才能被完整的读出来，用innerHTML可能读不出（没试过）
------解决方案--------------------
lz你是如何把返回数据添加到页面中的，把这个代码放出来大家才能帮你想办法啊
------解决方案--------------------
<body>
<div id= "result "> </div>
</body>
<script>
var str= " <li> AAAAA </li> <li> BBBbb </li> "
result.innerHTML=str
</script>
就这么简单
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
