在末尾添加节点：
1.获取ul标签
2.创建li标签
document.createElement("标签名称")方法
3.创建文本
document.createTextNode("文本内容");
4.把文本添加到li下面
使用 appendChild方法
5.把添加到ul的末尾
使用 appendChild方法
<html>
<head>
<title>HTML示例</title>
<style type="text/css">
</style>
</head>
<body>
<div>
<ul id="ulid">
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
</div>
</div>
<br/>
<input type="button" value="add" onclick="add1();"/>
<script type="text/javascript">//在末尾添加节点
function add1() {
//获取到ul标签
var ul1 = document.getElementById("ulid");
//创建标签
var li1 = document.createElement("li");
//创建文本
var tex1 = document.createTextNode("5555");
//把文本加入到li下面
li1.appendChild(tex1);
//把li加入到ul下面
ul1.appendChild(li1);
}
</script>
</body>
</html>
时间： 2025-01-04 18:30:06