<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>
          

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
          

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
          

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                <ruby id="bdb3f"></ruby>
                
    


                
  
                                            
                                          
        
                
          ??一站式輕松地調用各大LLM模型接口，支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻
          廣告
        
                        
                                                          
  

                

                
    
                
        
                
                            ### 1. appendChild
~~~
  var li = document.createElement("li");
            li.innerHTML = value;
            parent.appendChild(li);
~~~

### 2. append()   prepend()
~~~
   <script>
        /*
        append() 可以傳遞多個參數 表示在父元素添加的子元素在最后一個
        prepend()  表示子元素的第一個
         */
        var p = document.createElement("p");
        p.innerHTML = "hello world";
        var h1 = document.createElement("h1");
        h1.innerHTML="h1";
        document.body.append(p,h1);
    </script>


<div id="parent">
        <p>hello world</p>
        <p>hello world</p>
    </div>
    <script>
        var parent = document.getElementById("parent");
        var h1 = document.createElement("h1");
        h1.innerHTML="first";
        parent.prepend(h1);
    </script>
~~~
### 3. before  after （實用 常用 和insertbefore與insertafter相同）
~~~
<body>
    <p id="test">hello world</p>
    <script>
        var test = document.getElementById("test");
        var h1 = document.createElement("h1");
        h1.innerHTML="前面";
        test.before(h1);

        var h2 = document.createElement("h2");
        h2.innerHTML = "后面";
        test.after(h2);
    </script>
</body>
~~~
                    
                
        
                
            
        
                
    
                
    
                
        
                
    
                

                







                  <ruby id="bdb3f"></ruby>
                  <p id="bdb3f"><cite id="bdb3f"></cite></p>
                    

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>
                        

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
                        

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
                        

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                              <ruby id="bdb3f"></ruby>
                              

哎呀哎呀视频在线观看