Rumah > Soal Jawab > teks badan
<html>
<head><title>DOM Test</title></head>
<body>
<table>
<tr>
<td id="TEST">
<input type="submit" value="确定"/>
<input type="button" value="取消"/>
</td>
</tr>
</table>
<script type="text/javascript">
var td = document.getElementById("TEST");
alert(td.childNodes.length); //结果为4
</script>
</body>
</html>
类似的还有节点操作等,由于元素书写时存在空白换行符等,所以导致在操作DOM节点出现问题?
问一下,这个问题怎么解决呢?
将html代码压缩,但是好多网站都没有压缩啊?到底怎么解决呢?
谢谢了!
大家讲道理2017-04-10 16:17:42
childNodes会把文本节点也获取了, input前后都有个文本节点。
你可以用td.children.length来获取元素节点的个数,这样就对了
迷茫2017-04-10 16:17:42
这是正常现象,浏览器在解析节点中空白符时,会把它当作文本节点,所以在遍历子节点时应该对文本节点做特殊处理,可以利用Document类型的nodeType属性过滤文本节点:
var td = document.getElementById("TEST");
var childs=[],i,len,node;
for(i=0,len=td.childNodes.length;i<len;i++){
node=td.childNodes[i];
//过滤文本节点
if(node.nodeType!=3){
childs.push(node);
}
}
alert(childs.length); //结果为2