JS案例六_1:添加城市
程序员文章站
2023-09-28 14:54:22
使用的相关知识点：对子节点的添加：document.appendClild() 文本节点的创建：document.createTextNode() 元素节点的创建：document.createElement() ......
使用的相关知识点：对子节点的添加：document.appendclild()
文本节点的创建：document.createtextnode()
元素节点的创建：document.createelement()
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function() {
document.getelementbyid("btn").onclick = function() {
//1.获取ul节点
var ulele = document.getelementbyid("ulele");
//2、创建文本节点
var textnode = document.createtextnode("高松");
//3、创建li节点<li></li>
var liele = document.createelement("li");
//4、将文本节点添加到li节点中
liele.appendchild(textnode);
//5、将李li节点添加至ul节点中
ulele.appendchild(liele);
}
}
</script>
</head>
<body>
<input type="button" value="添加" id="btn" />
<ul id="ulele">
<li>上海</li><li>新西兰</li><li>东京</li><li>莫斯科</li>
</ul>
</body>
</html> 下一篇： css设计并排布局