推荐答案
-- -------------------- ---- ------- -- ---- ----- ---------- - ------------------------------ -- ---- -------------------------------------- -- ---- ----- --------------- - ------------------------------------- -------------------------------------------------------- -- ---- ----- ---------- - ---------------------------------------- ----- ------------------- - ------------------------------ ------------------------------------------------------- ------------
本题详细解读
创建元素
在 JavaScript 中，可以使用 document.createElement(tagName) 方法来创建一个新的 DOM 元素。tagName 参数是一个字符串，表示要创建的元素的标签名。例如，document.createElement('div') 会创建一个新的 <div> 元素。
添加元素
创建元素后，可以使用 appendChild() 方法将其添加到 DOM 树中。appendChild() 方法会将元素添加为指定父节点的最后一个子节点。例如，document.body.appendChild(newElement) 会将 newElement 添加到 <body> 元素的末尾。
删除元素
要删除一个 DOM 元素，可以使用 parentNode.removeChild(childNode) 方法。首先需要获取要删除的元素的父节点，然后调用 removeChild() 方法并传入要删除的子节点。例如，elementToRemove.parentNode.removeChild(elementToRemove) 会从 DOM 中删除 elementToRemove 元素。
替换元素
要替换一个 DOM 元素，可以使用 parentNode.replaceChild(newChild, oldChild) 方法。首先需要获取要替换的元素的父节点，然后调用 replaceChild() 方法并传入新元素和旧元素。例如，oldElement.parentNode.replaceChild(newElementToReplace, oldElement) 会用 newElementToReplace 替换 oldElement。
这些方法提供了在 JavaScript 中操作 DOM 元素的基本功能，能够满足大多数常见的 DOM 操作需求。