innerHTML在JS是双向功能：获取对象的内容或向对象插入内容，
如：<div id="aa">这是内容</div> ，；
我们可以 获取 id为aa的对象的内嵌内容，
我们可以 获取 id为aa的对象的内嵌内容，
如： document.getElementById('aa').innerHTML
也可以对某对象插入内容，
也可以对某对象插入内容，
如： document.getElementById('abc').innerHTML='这是被插入的内容';
定义和用法
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>
点击按钮后，p标签的内容被新设置的内容替换
扫一扫
2030
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
