javascript 如何在javascript中获取div和完整的内部内容？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15826349/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to get div and full inner content in javascript?
提问by Sankar Pandi
I want get div inner content in javascript
我想在 javascript 中获取 div 内部内容
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..
这是我的 html 代码。我只知道 div id（内容）。但我想通过 javascript 检索主 div 及其内部内容，例如..
<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.
我也想要检索到的内容 div 属性，比如样式、类名等。
回答by Prasath K
Use getElementById()to get the element and innerHTMLto get tht content
使用getElementById()来获取元素，innerHTML让谓内容
document.getElementById('content').innerHTML;
To get the content of the whole tag , use outerHTML
要获取整个标签的内容，请使用 outerHTML
document.getElementById('content').outerHTML;
回答by Darshan
You can try this piece of code to retrieve inner content
你可以试试这段代码来检索内部内容
var MyDiv1 = document.getElementById('content').innerHTML;
回答by Ali Shah Ahmed
If you want to retrieve the content that is inside the div, you can use document.getElementById("content").innerHTML. This will return
如果要检索 div 内的内容，可以使用document.getElementById("content").innerHTML. 这将返回
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 标签的 html，你可以尝试使用document.getElementById("contents").outerHTML. 这将回报你
<div id="content" style="height: 20px; overflow: hidden">
content<br>content<br>content<br>
</div>
