js实现动态向列表中插入节点

最新推荐文章于 2024-05-29 00:00:00 发布

since �

最新推荐文章于 2024-05-29 00:00:00 发布

阅读量2.9k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/h5_since/article/details/89852233

版权

js 专栏收录该内容

10 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
<script>
	//创建初始列表
	var u = document.createElement("ul");		//创建一个ul元素节点
	var l = document.createElement("li");		//创建一个li元素节点
	 u.appendChild(l);							//把li放到ul里面去
	var txt = document.createTextNode("张三");	//创建一个文本节点
	l.appendChild(txt);								//文本内容放到li里
	 document.body.appendChild(l);					
	 //创建按钮
	 var b = document.createElement("button");		//创建一个button元素
	 var txt1 = document.createTextNode("添加");		//创建文本
	 b.appendChild(txt1);							//将文本内容放入button里
	  document.body.appendChild(b);
	  //绑定事件
	  b.onclick=function(){							//即每点击一次按钮,调用一次函数
		  var u = document.createElement("ul");
		  var l = document.createElement("li");
		   u.appendChild(l);
		  var txt = document.createTextNode("张三");
		  l.appendChild(txt);
		   document.body.appendChild(l);
	  }
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

since �

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js实现动态向列表中插入节点

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html><script> //创建初始列表 var u ...
复制链接

扫一扫