HTML DOM ParentNode.append() 方法

ParentNode.append()方法用于在 ParentNode 的最后一个子节点之后插入 Node 对象或DOMString 对象。 DOMString对象作为 Text 节点插入。

句法：

ParentNode.append( ChildNodesToPrepend );

参数：此参数包含要作为父元素的最后一个子元素插入的 Node 或 DOMString 对象集。

下面的例子说明了 ParentNode.append() 方法：

示例 1：在此示例中，我们将附加一个元素。为了展示这个方法，我们创建了三个元素 parentNode、Child1 和 Child2。然后我们将 Child1 和 Child2 附加到 parentNode。

在控制台中，我们已经展示了 parentNode 的 childNodes。

HTML

  

    

  

    GeeksforGeeks
  
    
        var parentNode = document.createElement("div");
        var Child1 = document.createElement("p");
        var Child2 = document.createElement("div");
        parentNode.append(Child1);
        parentNode.append(Child2);
        console.log(parentNode.childNodes); 
    

  

输出：

在控制台中，您可以看到parentNode 的childNodeList 。一个是p ，一个是div。

示例 2：在此示例中，我们将一些文本附加到元素的 innerHTML 和元素的 textContent。

HTML

  

    GeeksforGeeks
  
    
        var parent = document.createElement("div");
        parent.innerHTML = "GeeksforGeeks : ";
        parent.append("A Computer Science Portal for Geeks");
        console.log(parent.textContent); 
    

  

输出：

在控制台中，您可以看到父元素的 textContent。

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐
• 苹果Safari
• 歌剧