在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结构并想要遍历/操作它我建议使用像jQuery这样的js库。为了得到你想要的想法：

$('#myOutput').html()

我认为看起来更好（但我不会仅为这样一个简单的例子加载整个js库）

Answer 4

只需在上面添加一些其他详细信息，

如果你不确定在html页面上有没有id的div那么确保请使用。

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

这样可以避免页面上出现任何JavaScript错误。