Javascript的childNodes和children

有些时候你发现调用childNodes属于没有获得你期望的值。比如：

html：

<a href="javascript:void(0);" οnclick="selectCategory('1,this);">
                            <span>apple</span>
</a>

JS：

function selectCategory(val,obj){  
    var text = obj.children[0].innerHTML;

}

我们希望获得的text属性值为“apple”，但实际上的值是undefined，也就是说获取失败。

原因：

childNodes属性返回值包含了元素节点和文本节点，此例中obj.children[0]返回的实际是空格。

解决方案：

1）去掉<span>和<a>之间的空格。

2）改用 obj.children[0].innerHTML。children属性只返回元素节点。