一个简单的dom问题，白给分

Question

<ul id="box">
<li>a</li>
<li>bb</li>
<li>c</li>
</ul>
用getElementById  得到了box对象
然后怎么得到第一个li元素的nodeValue 也就是 字符串 ‘a’

Answer 1

document.getElementById("box").childNodes[0].nodeValue;

Answer 2

写错了document.getElementById("box").childNodes[0].childNodes[0].nodeValue;//或者,
document.getElementById("box").childNodes[0].innerHTML

Answer 3

后面您的方法firebug 报错了
document.getElementById("box").childNodes[0].childNodes[0] is undefined

Answer 4

var objs = box.getElementsByTagName("li");
alert(objs[0].innerHTML);

Answer 5

var first=function(obj) {
var f=obj.childNodes[0];
var i=0;
while(typeof(f)=="undefined" ||f.nodeType!=1) {
f=obj.childNodes[++i];
}
return f;
}
alert(first(document.getElementById("box")).innerHTML);

Answer 6

if (document.all)
{
var a = document.getElementById("box").childNodes[0].childNodes[0].nodeValue;
var b = document.getElementById("box").childNodes[0].innerHTML;
alert(a);
alert(b);
} else {
var a = document.getElementById("box").childNodes[1].childNodes[0].nodeValue;
var b = document.getElementById("box").childNodes[1].innerHTML;
alert(a);
alert(b);
}

Answer 7

    <ul id="box">
        <li>a</li>
        <li>bb</li>
        <li>c</li>
    </ul>    <script type="text/javascript">
        window.onload = function() {
            var li = document.getElementById("box").childNodes;
            var len = li.length;
            for (var i = 0; i < len; i++) {
                if (li[i].nodeType == 1) {
                    alert(li[i].innerHTML);
                }
            }
        }
    </script>

Answer 8

 var b = document.getElementById("box").childNodes[1].innerHTML;
得到了第一个值
 var b = document.getElementById("box").childNodes[3].innerHTML;
得到了第二个值 想问一下原因 是因为li的左右都有一个空元素吗？

Answer 9

你这样写就没有，回车算一个空文本节点 
 <ul id="box"><li>a</li><li>bb</li><li>c</li></ul>

Answer 10

IE里面不算，FF这些浏览器空格回车这些空白的字符都算是一个节点。

Answer 11

document.getElementById("box").getElementsByTagName("li")[0].firstChild.nodeValue;