javascript - 如何在 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 属性，比如样式、类名等。

score 4 · Accepted Answer

用于getElementById()获取元素并innerHTML获取内容

document.getElementById('content').innerHTML;

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

document.getElementById('content').outerHTML;

score 1 · Accepted Answer

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

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

score 1 · Accepted Answer

如果要检索 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>

3 回答 3