Question

<html>
<head>
</head>
<body>
<div id="content_Data"></div>
<script type="text/javascript">
function auto()
{
alert("auto called");
document.getElementById('content_Data').innerHTML='<div><table><tr><td>10</td><td>20</td></tr></table></div>';
alert(document.getElementById('content_Data').innerHTML);
getelements();
}
function getelements(){


    var searchElement=document.getElementById('content_Data').getElementsByTagName("div");
    for( var i=0; i<searchElement.length; i++ )
    {
    var child_length=searchElement[i].childNodes.length; 

      for( j=0; j<child_length; j++ )
          {               
             alert(searchElement[i].childNodes[j].nodeValue);               
          }
     }

}
</script>
<script>auto();</script>  
</body>
</html>

Answer 1

尝试查看td节点的innerHTML。或者如果你只想要文本，那么它是IE的innerText和其他人的textContent。

alert(searchElement[i].childNodes[j].innerHTML)

此外，jQuery将大大简化您的代码。

Answer 2

好吧，只是在那里导航。例如

document.getElementById('content_Data').firstChild.firstChild.firstChild

获取第一个表格单元格（值为10）。

Answer 3

您可以更改getElementsByTagName("div")以获取td元素：

var searchElement=document.getElementById('content_Data').getElementsByTagName("td");

而且，最好在第二个j上声明for变量：D。这就是你需要改变的全部内容

如何使用Dom在td中获取值

3 个答案: