Maison  >  Questions et réponses  >  le corps du texte

javascript - html中的空格影响js节点操作怎么办?

<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代码压缩,但是好多网站都没有压缩啊?到底怎么解决呢?

谢谢了!

黄舟黄舟2724 Il y a quelques jours431

répondre à tous(3)je répondrai

  • 大家讲道理

    大家讲道理2017-04-10 16:17:42

    childNodes会把文本节点也获取了, input前后都有个文本节点。
    你可以用td.children.length来获取元素节点的个数,这样就对了

    répondre
    0
  • 迷茫

    迷茫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

    répondre
    0
  • ringa_lee

    ringa_lee2017-04-10 16:17:42

    你用错方法了

    td.childElementCount

    répondre
    0
  • Annulerrépondre