使用innerHTML属性时需要注意什么

发布网友发布时间：2022-04-29 19:40

共1个回答

热心网友时间：2022-04-19 09:45

几乎所有的DOM对象都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。（获取HTML当前标签的起始和结束里面的内容），经常利用它实现信息的动态显示，
看看这个例子：
<html>
<head>
<script>
function Test(){//将后面的那些字符串的属性，赋值给id为s的那行
document.getElementById("s").innerHTML="<br /><br />"+Math.random();
setTimeout('Test();',1000); //1秒执行1次Test()函数
}

function Test1() {
alert("单击之前w的之值: "+document.getElementById("w").innerHTML);
var str1 = "单击之后"
document.getElementById("w").innerHTML=str1;
document.getElementById("AlbumList").innerHTML="<table><tr>";
alert(document.getElementById("AlbumList").innerHTML);
}
</script>
</head>
<body onload=Test();>
<p id="s"></p>
<p id="w">你好！！！！！！</p>
<button onclick="Test1()">单击之前</button>
<div id="AlbumList"></div>
</body>
</html>
innerHTML自带了语法检查功能,他会自动把不完整的HTML代码补充完整.运行如下的一个测试代码就可以发现了.
document.getElementById("AlbumList").innerHTML="<table><tr>";
alert(document.getElementById("AlbumList").innerHTML);
会自动把代码里面添加了<tbody>和</tr></table>等标记.神奇!!!所以在网页中,经常这样用;
<div id="content"></div>
<script language="javascript">
document.getElementById("content").innerHTML="需显示的内容"；
</script>
这样就会在id 是content的标记那里显示"需显示的内容";