<code> <title>DOM Test</title> <body> <table> <tr> <td id="TEST"> </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> <body> <table> <tr> <td id="TEST"> </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>
本文来源gaodai#ma#com搞*!代#%^码$网!搞代gaodaima码
这是正常现象，浏览器在解析节点中空白符时，会把它当作文本节点，所以在遍历子节点时应该对文本节点做特殊处理，可以利用Document类型的nodeType属性过滤文本节点：
<code>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</code>
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：javascript – html中的空格影响js节点操作怎么办？
转载请注明原文链接：javascript – html中的空格影响js节点操作怎么办？
