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

Question

我希望能在 JavaScript 中获取 div 元素的内容。

例如：

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

这是我的HTML代码。我只知道div id（内容）。但我想通过JavaScript检索主要div及其内部内容，就像这样…

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

我希望您能够检索内容div属性，例如样式、类名等。

- Sankar Pandi

Answer 1

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

document.getElementById('content').innerHTML;

内部HTML示例

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

document.getElementById('content').outerHTML;

OUTERHTML的实时演示

- Prasath K

---

可以，但我也想要content div的属性，比如样式、类名等。 <div id="content" style="height: 20px; overflow: hidden"> - Sankar Pandi

请查看我编辑过的帖子..您可以使用outerHTML来获取您的div的属性。 - Prasath K

Answer 2

如果您想检索

中的内容，可以使用 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>

- Ali Shah Ahmed

Answer 3

你可以尝试使用这段代码来获取内部内容。

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

- Darshan