JS案例六_1:添加城市
2024-10-11 02:57:49
使用的相关知识点:对子节点的添加: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>
最新文章
- PALIN - The Next Palindrome 对称的数
- nginx配置杂记
- ng-repeat里创建的自定义指令
- mongoosejs model mapping to collection name
- Error
- SQL加、查、改、删、函数
- Android AlarmManager报警的实现
- Linux常见命令整理(一)
- Java编程之反射中的注解详解
- 最新eclipse国内镜像站,比ustc等站点资源新。
- Java笔记:Java 流(Stream)、文件(File)和IO
- ios swift例子源码网址总结
- Dynamics CRM2013 注释中的内容无法正常显示问题
- mySQL简单操作(三)
- Gson如何解析key值是数字的json数据
- Java实现二叉树先序,中序,后序,层次遍历
- [Deepin 15] 编译安装 MySQL-5.6.35
- Apache Rewrite(大小写)
- Mysql数据库If语句的使用
- sencha touch 压缩js,css遇到的问题