有些时候你发现调用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属性只返回元素节点。