显示孩子的innerHTML [英] Display innerHTML of child

查看：43 发布时间：2021/5/19 20:19:18 javascript

本文介绍了显示孩子的innerHTML的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我有:

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

我如何获得"td1"子级的innerHTML?

how can i get the innerHTML of the child of "td1" ?

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

不起作用.

某些浏览器将换行符解释为第一个 childNode .因此，您可以这样做:

Some browsers interpret a line break as the first childNode. So you can do:

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

或更安全的方法

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

[编辑2019 ]或更现代

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

这篇关于显示孩子的innerHTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文