获取 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>

- 001

Answer 1

首先，找到该元素。最快的方法是通过ID。接下来，使用innerHTML获取该元素的HTML内容。

document.getElementById('myOutput').innerHTML;

- user229044

Answer 2

document.getElementById("myOutput").innerHTML

- programble

Answer 3

像之前其他人建议的那样，innerHtml在这种情况下很好用。

如果您有更复杂的HTML结构，并希望遍历/操作它，我建议使用像jQuery这样的JavaScript库。要获取您想要的内容，可以使用以下代码：

$('#myOutput').html()

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

- dzida

Answer 4

将上述所有内容加上一些附加细节，

如果您不确定 HTML 页面上是否存在某个具有某个 id 的 div，则请使用它来确保。

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

这将避免页面上的任何JavaScript错误。

- Umesh Aawte