Javascript 显示子对象的内部HTML

我有：

---

不起作用。

尝试使用alert（document.getElementById（“td1”）.childNodes[1].innerHTML）

一些浏览器将换行符解释为第一个

childNode

。因此，您可以：

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

还是更安全的方法

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

[编辑2019] 还是更现代

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

---

我不喜欢使用jQuery来解决所有DOM选择/操作问题，但如果您使用jQuery，您需要的只是

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

---

很少有浏览器将空白视为文本节点，这会在遍历时产生问题

为了避免这种情况，您应该检查节点类型

function displayMessage() {
    alert($('#td1 > div').html())
}

---

请参阅更多信息

虽然其他答案在技术上是正确的，但这是其中之一。您必须决定是否使用jQuery。如果你是，那么不使用@Chris W的答案是没有意义的。。。

function displayMessage() {
    alert($('#td1 > div').html())
}

childNode = document.getElementById("td1").childNodes[0]
if(childNode.nodeType==1)
alert(childNode.innerHTML)