孩子

Question

的顯示innerHTML的我有：

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

我怎樣才能獲得 「TD1」 的孩子的innerHTML？

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

dosen't work。

Answer 1

某些瀏覽器會將換行符解釋爲第一個childNode。所以，你可以這樣做：

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

或更安全的方法

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

Answer 2

嘗試使用alert（document.getElementById（「td1」）。childNodes [1] .innerHTML）;

Answer 3

我討厭是使用jQuery來解決每一個DOM選擇/操作問題的傢伙，但如果你使用jQuery所有你需要是...

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

Answer 4

幾個瀏覽器視爲空白文本節點和在遍歷產生問題。

避免你應該檢查節點類型

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

看到更多的信息here