HTML DOM - 元素
2021-03-27 22:28
标签：另一个 translate lock htm bsp nbsp doc 解决方法 替换 添加、删除和替换 HTML 元素。 如需向 HTML DOM 添加新元素，您首先必须创建该元素，然后把它追加到已有的元素上。 这是一个段落。 这是另一个段落。 这段代码创建了一个新的 元素： 如需向 元素添加文本，您首先必须创建文本节点。这段代码创建文本节点： 然后您必须向 元素追加文本节点： 最后，您必须向已有元素追加这个新元素。 这段代码查找到一个已有的元素： 这段代码向这个已存在的元素追加新元素： 上一个例子中的 appendChild() 方法，将新元素作为父元素的最后一个子元素进行添加。 如果不希望如此，您可以使用 insertBefore() 方法： 这是一个段落。 这是另外一个段落。 如需删除 HTML 元素，您必须清楚该元素的父元素： 这是一个段落。 这是另一个段落。 这个 HTML 文档包含一个带有两个子节点（两个 元素）的 这是一个段落。 这是另一个段落。 查找 id="div1" 的元素： 查找 id="p1" 的 元素： 从父元素中删除子元素： 能否在不引用父元素的情况下删除某个元素？ 这里提供一个常用的解决方法：找到您需要删除的子元素，然后使用 parentNode 属性来查找其父元素： 如需替换 HTML DOM 中的元素，请使用 replaceChild() 方法： 这是一个段落。 这是另外一个段落。 HTML DOM - 元素 标签：另一个 translate lock htm bsp nbsp doc 解决方法 替换 原文地址：https://www.cnblogs.com/xiewangfei123/p/12625307.htmlHTML DOM - 元素
创建新的 HTML 元素 - createElement()
实例
实例解析
var para=document.createElement("p");
var node=document.createTextNode("这是一个新段落。");
para.appendChild(node);
var element=document.getElementById("div1");
element.appendChild(para);
创建新的 HTML 元素 - insertBefore()
删除已有的 HTML 元素
实例
实例解析
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
很抱歉。DOM 需要了解您需要删除的元素，以及它的父元素。var child=document.getElementById("p1");
child.parentNode.removeChild(child);
替换 HTML 元素