HTML | DOM appendChild() 方法

appendChild()方法用于创建一个文本节点作为节点的最后一个子节点。此方法还用于将元素从一个元素移动到另一个元素。它用于创建带有一些文本的新元素，然后首先创建文本作为文本节点，然后将其附加到元素，然后将元素附加到文档。

句法：

node.appendChild( node )

参数：该方法接受单个参数节点，该参数是强制性的，用于指定需要附加的节点对象。

示例 1：

  

    DOM appendChild() Method
    
        h1,
        h2 {
            font-weight: bold;
            color: green;
        }
          
        body {
            margin-left: 130px;
        }
    

  

    GeeksForGeeks
    DOM appendChild() Method
    
        Computer Network
        Data Structures using C
    
    Submit
    
        function geeks() {
            var node = document.createElement("LI");
            var textnode = 
                document.createTextNode("Web Technology");
            node.appendChild(textnode);
            document.getElementById("gfg").appendChild(node);
        }
    

  

输出：

示例 2：

  

    DOM appendChild() Method
    
        #sudo {
            border: 1px solid green;
            background-color: green;
            margin-bottom: 10px;
            color: white;
            font-weight: bold;
        }
          
        h1,
        h2 {
            text-align: center;
            color: green;
            font-weight: bold;
        }
    

  

    GeeksForGeeks
    DOM appendChild() Method
    
      The Good Website is learning for 
      Computer Science is-
    
    Submit
    
        function geeks() {
            var node = document.createElement("P");
            var t = 
                document.createTextNode("GeeksForGeeks");
            node.appendChild(t);
            document.getElementById("sudo").appendChild(node);
        }
    

  

输出：

支持的浏览器： DOM appendChild Method()支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器