34、js在文档末尾添加节点（案例）

程序员文章站 2022-06-13 12:51:27

...

34、js在文档末尾添加节点（案例）

<!DOCTYPE html>
<html lang="en">
<head>
	
</head>
<body>
	<ul id="ulid">
		<li>111</li>
		<li>222</li>
		<li>333</li>
		<li>444</li>
	</ul>
	<br/>
	<input type="button" value="add" onclick="add1();">
</body>
<script type="text/javascript">
	function add1(){
		//获取ul标签
		var ul1 = document.getElementById("ulid");
		//创建标签
		var li1 = document.createElement("li");
		//创建文本
		var text1 = document.createTextNode("555");
		//把文本加入到li下
		li1.appendChild(text1);
		//把li加入到ul下
		ul1.appendChild(li1);
	}
</script>
</html>

34、js在文档末尾添加节点（案例）