獲取DIV標籤之間的值？

Question

如何獲取DIV標籤之間的值？

例

<div id="myOutput" class="wmd-output"> 
    <pre><code><p>hello world!</p></code></pre> 
</div> 

我的輸出值，我應該得到的是

<pre><code><p>hello world!</p></pre> 

Answer 1

首先，找到的元素。最快的方式是通過ID。接下來，使用innerHTML來獲取元素的HTML內容。

document.getElementById('myOutput').innerHTML; 

Answer 2

document.getElementById("myOutput").innerHTML 

Answer 3

innerHTML的是良好的這種情況下，你們在我面前的建議，

如果你有更復雜的HTML結構，並希望遍歷/操控它，我建議使用JS庫像jQuery。爲了得到想要你希望它會是：

$('#myOutput').html() 

看起來更好，我認爲（但我不會加載整個JS庫只是當然這種簡單的例子）

Answer 4

只是把所有上述的一些額外的細節，

如果你不確定那個div有一些id在html頁面上沒有，那麼請確保它可以使用。

var objDiv = document.getElementbyId('myOutput'); 
if(objDiv){ 
    objDiv.innerHTML; 
} 

這樣可以避免頁面上的任何JavaScript錯誤。