往標簽中添加元素有兩種方式,第一種是覆蓋式,就是講之前標簽中的元素全部覆蓋,使用新的元素;第二種是添加式,是將元素加入標簽中且保存原有內(nèi)容;兩者之間的區(qū)別就是在innerHTML之后是"="還是"+="符合
- 覆蓋式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" onclick="showTable()" value="添加">
<ul id="show" >
<li >home1</li>
</ul>
<script>
function showTable(){
var show=document.getElementById("show");
var htm="<li>home</li>";
show.innerHTML=htm;
}
</script>
</body>
</html>
結(jié)果顯示:
- 原頁面
image.png
- 覆蓋后
image.png
- 添加式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" onclick="showTable()" value="添加">
<ul id="show" >
<li >home1</li>
</ul>
<script>
function showTable(){
var show=document.getElementById("show");
var htm="<li>home</li>";
show.innerHTML+=htm;
}
</script>
</body>
</html>
-
原網(wǎng)頁
image.png -
添加后
image.png
