js在末尾添加节点

三分梦_0bc3 2022-08-03 阅读 207

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>在末尾添加节点</title>
</head>
<body>
<ul id='ul'>
<li>001</li>
<li>002</li>
</ul>
<input type="button" value="添加节点" οnclick="addNode()">
<script type="text/javascript">
function addNode(){
   //获得ul标签
   var ul=document.getElementById('ul');
   //创建li标签
   var li=document.createElement('li');
   //创建li文本
   var liText=document.createTextNode('005');
   li.appendChild(liText);
   ul.appendChild(li);
 };
</script>
</body>
</html>

0 条评论

三分梦_0bc3

关注