如何在javascript中获取div和完整的内部内容

如何在javascript中获取div和完整的内部内容

本文介绍了如何在javascript中获取div和完整的内部内容?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想在javascript中获取div内部内容

例如:

内容<br>内容<br>内容<br>

这是我的 html 代码.我只知道 div id(内容).但我想通过 javascript 检索主 div 及其内部内容,例如..

内容<br>内容<br>内容<br>

我还想要检索到的内容 div 属性,如样式、类名等.

解决方案

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

document.getElementById('content').innerHTML;

INNERHTML 现场演示

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

document.getElementById('content').outerHTML;

OUTERHTML 的现场演示

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.

解决方案

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

这篇关于如何在javascript中获取div和完整的内部内容?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-03 19:49