现在的位置: 首页 > web前端 > 正文

Javascript的childNodes和children

2017年10月12日 web前端 ⁄ 共 392字 ⁄ 字号 评论关闭

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

html:

<a href="javascript:void(0);" onclick="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属性只返回元素节点。

【上篇】
【下篇】

抱歉!评论已关闭.