添加删除段落.html

来自「介绍了javascript的常用的函数」· HTML 代码 · 共 43 行

HTML

43 行

<html>
    <head>
      <meta http-equiv="content-type" content="text/html; charset=GB2312">
      <title>JavaScript Book--代码6-19</title>
  <script>
  var all;
    function addParagraph(){
      all = document.getElementById("paragraphs").childNodes;
      var newElement = document.createElement("P");
      var seq = all.length+ 1;
     //创建新属性
      var newAttr1 = document.createAttribute("id");
      newAttr1.nodeValue= "p" + seq;
      newElement.setAttributeNode(newAttr1);

      var txtNode = document.createTextNode("段落"+ seq);
      //添加节点
      newElement.appendChild(txtNode);
      document.getElementById("paragraphs").appendChild(newElement);
    }

    function deleteParagraph(){
      all = document.getElementById("paragraphs").childNodes;
      var delElement = all[all.length-1];
      document.getElementById("paragraphs").removeChild(delElement);
    }
    </script>
      <style>    p {    text-align:center; background-color:#e6e6e6   }  div {text-align:center;}
      </style>
    </head>
    <body>
      <div>
        <input type="button" value="添加段落" onclick="addParagraph()">
        <input type="button" value="删除段落" onclick="deleteParagraph()">
      </div>
      <div id="paragraphs">
        <p id="p1">段落1
        </p>
        <p id="p2">段落2
        </p>
      </div>
    </body>
  </html>

添加删除段落.html - 源码说明

本页面展示了「介绍了javascript的常用的函数」中的添加删除段落.html 源码文件，采用 HTML 编程语言编写，共 43 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?