innerHTML解释

最新推荐文章于 2022-04-12 17:55:55 发布

cindysaj

最新推荐文章于 2022-04-12 17:55:55 发布

阅读量139

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： HTML

本文链接：https://blog.youkuaiyun.com/cindysaj/article/details/83319469

javascript 专栏收录该内容

35 篇文章

订阅专栏

本文介绍如何使用JavaScript操作HTML元素，包括获取和设置innerHTML属性的方法。通过示例演示了如何改变页面中指定元素的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1innerHTML:设置或获取位于对象起始和结束标签内的 HTML

测试一下：

<div id="d" style="background-color:#ff9966">这是一个层</div>
<input type="button" value="获取innerHTML" onclick="getinnerHTML()">
<input type="button" value="设置innerHTML" onclick="setinnerHTML()">
<script language="javascript">
function getinnerHTML()
{
alert(document.getElementById("d").innerHTML)
}
//->这是一个层
function setinnerHTML()
{
document.getElementById("d").outerHTML="<div id='d' style='background-color:#449966'>这是一个层,嘿嘿</div>"
}
</script>

2获取对应ID的对象里面的HTML代码

如HTML代码为：
<table id=aa><tbody><tr><td> </td></tr></tbody></table>

则document.getELemenById("aa").innerHTML='<tbody><tr><td> </td></tr></tbody>'