如何在javascript中获取div和全部内部内容？

Question

I want get div inner content in javascript

Ex:

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

This is my html code. i know only div id (content). but i want retrieved main div and their inner content via javascript like..

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

Also i want retrieved content div attribute also like style, class name etc.

Answer 1

Use getElementById() to get the element and innerHTML to get tht content

document.getElementById('content').innerHTML;

LIVE DEMO FOR INNERHTML

To get the content of the whole tag , use outerHTML

document.getElementById('content').outerHTML;

LIVE DEMO FOR OUTERHTML

Answer 2

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

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

Answer 3

If you want to retrieve the content that is inside the div, you can use document.getElementById("content").innerHTML . This will return

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

But if you want to retrieve the html with div tags included, you can try using document.getElementById("contents").outerHTML . This will return you

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