JS中 innerHTML

innerHTML在JS是双向功能：获取对象的内容或向对象插入内容；
如：

<div id="aa">这是内容</div> ，

我们可以通过 document.getElementById(‘aa’).innerHTML 来获取id为aa的对象的内嵌内容；
也可以对某对象插入内容，如 document.getElementById(‘abc’).innerHTML=‘这是被插入的内容’;
这样就能向id为abc的对象插入内容。
定义和用法

innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。
语法

Object.innerHTML = "HTML";// 设置
var html = Object.innerHTML;// 获取

例子 1

获取段落p的 innerHTML（html内容）

<html>
<head>
<script type="text/javascript">
function getInnerHTML(){
    alert(document.getElementById("test").innerHTML);
}
</script>
</head><body>
<p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
<input type="button" οnclick="getInnerHTML()" value="点击" />
</body>
</html>

例子 2

设置段落p的 innerHTML（html内容）

<html>
<head>
<script type="text/javascript">
function setInnerHTML(){
    document.getElementById("test").innerHTML = "<strong>设置标签的html内容</strong>";
}
</script>
</head><body>
<p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
<input type="button" οnclick="setInnerHTML()" value="点击" />
</body>
</html>

————————————————
版权声明：本文为CSDN博主「Yuyuquan」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_27918787/article/details/52628311

JS中 innerHTML

悦读