获取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错误。