显示孩子的innerHTML

Question

我有:

<td id="td1">
     <div>
          aaaaaa
     </div>
</td>

我怎样才能得到"td1"孩子的innerHTML？

function displaymessage() {
    var i = 0;
    alert(document.getElementById("td1").childNodes[0].innerHTML);
}

不要工作.

Answer 1

有些浏览器将换行符解释为第一个childNode.所以你可以这样做:

document.getElementById("td1").childNodes[1].innerHTML

或者更安全的方法

document.getElementById("td1").getElementsByTagName('div')[0].innerHTML

[ 编辑2019 ]或更现代

document.querySelector("td1 > div").innerHTML