是完全失去我
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8" />
- </head>
- <body>
- <div id="test">
- <p>测试</p>
- </div>
- <script>
- /* 创建一个p元素节点对象 */
- var element = document.createElement("p");
- /* 创建一个文本节点对象，并添加到元素节点中 */
- var text= document.createTextNode("我是一段新添加文本内容");
- element.appendChild(text);
- /* （一）创建一个新的属性节点，并赋值后添加到元素节点中 */
- var attr = document.createAttribute("age");
- attr.nodeValue = "28";
- element.setAttributeNode(attr);
- /*（二）通过使用 setAttribute 来创建属性节点
- element.setAttribute("age","28"); */
- /* 创建一个注释节点，并添加到元素节点中 */
- var comment = document.createComment("Hello World");
- element.appendChild(comment);
- /* （一）获取一个文档中的节点作为父节点，将新创建的节点对象插入到最后一个子节点之后 */
- var parentElement = document.getElementById("test");
- parentElement.appendChild(element);
- /* （二）获取一个文档中的节点作为父节点，将新创建的节点对象插入到父节点中指定的子节点之前
- var afterElement = document.getElementById("test");
- document.insertBefore(element, afterElement);
- */
- </script>
- <script>
- var ttt = document.getElementById("test");
- var attr = test.id;
- console.log(attr.nodeType,attr.nodeName,attr.nodeValue); //2 ‘id‘ ‘test‘
- console.log(Node.ATTRIBUTE_NODE === 2);//true
- </script>
- </body>
- </html>
的武器的
