Javascript删除添加节点Demo

最新推荐文章于 2019-12-27 10:20:18 发布

黄宝康

最新推荐文章于 2019-12-27 10:20:18 发布

阅读量685

点赞数

分类专栏： javascript 文章标签： Javascript删除添加节点Demo

本文链接：https://blog.csdn.net/huangbaokang/article/details/80536663

版权

javascript 专栏收录该内容

52 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
 <title>Deleting Nodes</title>
 <script src="script02.js"></script>
</head>
<body>
 <form action="#">
 <p><textarea id="textArea" rows="5" cols="30"></textarea></p>
 <input type="submit" value="Add some text to the page">
 </form>
 <a id="deleteNode" href="#">Delete last paragraph</a>
</body>
</html>

window.onload = initAll;
function initAll() {
     document.getElementsByTagName("form") [0].onsubmit = addNode;
     document.getElementById("deleteNode").onclick = delNode;
}
function addNode() {
     var inText = document.getElementById ("textArea").value;
     var newText = document.createTextNode (inText);
     var newGraf = document.createElement ("p");
     newGraf.appendChild(newText);
     var docBody = document.getElementsByTagName("body")[0];
     docBody.appendChild(newGraf);
     return false;
}
function delNode() {
     var allGrafs = document.getElementsByTagName("p");
     if (allGrafs.length > 1) {
         var lastGraf = allGrafs.item (allGrafs.length-1);
         var docBody = document.getElementsByTagName("body")[0];
         docBody.removeChild(lastGraf);
     }
     else {
         alert("Nothing to remove!");
     }
     return false;
}