js在末尾添加节点

WEB前端 waitig 487℃ 百度已收录 0评论
<!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="添加节点" onclick="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>


本文由【waitig】发表在等英博客
本文固定链接:js在末尾添加节点
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)