>백엔드 개발 >PHP 튜토리얼 >javascript - html中的空格影响js节点操作怎么办?

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

WBOY
WBOY원래의
2016-06-06 20:24:171386검색

<code>  
<title>DOM Test</title>  
  
<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>  
  
  
 </code>

类似的还有节点操作等,由于元素书写时存在空白换行符等,所以导致在操作DOM节点出现问题?

问一下,这个问题怎么解决呢?

将html代码压缩,但是好多网站都没有压缩啊?到底怎么解决呢?

谢谢了!

回复内容:

<code>  
<title>DOM Test</title>  
  
<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>  
  
  
 </code>

类似的还有节点操作等,由于元素书写时存在空白换行符等,所以导致在操作DOM节点出现问题?

问一下,这个问题怎么解决呢?

将html代码压缩,但是好多网站都没有压缩啊?到底怎么解决呢?

谢谢了!

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

你用错方法了

<code class="js">td.childElementCount</code>

这是正常现象,浏览器在解析节点中空白符时,会把它当作文本节点,所以在遍历子节点时应该对文本节点做特殊处理,可以利用Document类型的nodeType属性过滤文本节点:

<code>var td = document.getElementById("TEST");  
var childs=[],i,len,node;
for(i=0,len=td.childNodes.length;i<len node="td.childNodes[i];" if childs.push alert></len></code>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.