JS node动态添加城市

最新推荐文章于 2023-10-07 22:31:52 发布

石头坡

最新推荐文章于 2023-10-07 22:31:52 发布

阅读量195

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/u012222212/article/details/84960959

版权

javascript 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>动态添加城市</title>
		<script>
		   //页面加载的时候调用
			window.onload = function(){
				document.getElementById("btn").onclick = function(){
				//1.获取ul元素节点
				var ule = document.getElementById("ul1");
				//2.节点下添加新的节点
				 var li = document.createElement("li");
				 var sz = document.createTextNode("深圳");
			     li.appendChild(sz);
			     ule.appendChild(li);
				}
				
			}
			
		</script>
	</head>
	<body>
		 <input type = "button" value="添加新城市" id="btn" />
           <ul id= "ul1">
           	    <li>北京</li>
           	    <li>上海</li>
           	    <li>广州</li>  	
           </ul>
	</body>
</html>