如何在javascript中获取div和完整的内部内容？

Question

我想在javascript中获取div内部内容

例如：

<div id="content" style="height: 20px; overflow: hidden">
  content<br>content<br>content<br>
</div>

这是我的HTML代码。我只知道div（内容）。但我希望通过javascript等检索主要的div及其内部内容。

<div id="content" style="height: 20px; overflow: hidden">
 content<br>content<br>content<br>
</div>

此外，我想要检索内容div属性，如样式，类名等。

Answer 1

使用getElementById()获取元素，使用innerHTML获取内容

document.getElementById('content').innerHTML;

LIVE DEMO FOR INNERHTML

要获取整个标记的内容，请使用outerHTML

document.getElementById('content').outerHTML;

LIVE DEMO FOR OUTERHTML

Answer 2

您可以尝试使用这段代码来检索内部内容

var MyDiv1 = document.getElementById('content').innerHTML;  

Answer 3

如果要检索div中的内容，可以使用document.getElementById("content").innerHTML。这将返回

content<br>content<br>content<br>

但是如果要检索包含div标签的html，可以尝试使用document.getElementById("contents").outerHTML。这将返回给你

<div id="content" style="height: 20px; overflow: hidden">
 content<br>content<br>content<br>
</div>