如何在javascript中獲取div和全部內部內容？

Question

我想在javascript中獲取div內部內容

例如：

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

這是我的html代碼。 我只知道div ID（內容）。 但我想通過javascript檢索main 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;

INNERHTML的在線演示

要獲取整個標簽的內容，請使用outerHTML

document.getElementById('content').outerHTML;

外部HTML的實時演示

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>