<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>
                
    


                
  
                                            
                                                                      
        
                
          ThinkChat2.0新版上線，更智能更精彩，支持會話、畫圖、視頻、閱讀、搜索等，送10W Token，即刻開啟你的AI之旅
          廣告
        
                        
                              
  

                

                
    
                
        
                
                            ## 節點對象的方法

### Node.appendChild()

接收一個對象節點作為參數，將其作為最后一個節點，插入當前節點。

~~~javascript
var addCountry = function() {
   var cinput = document.getElementById("country");
   var cvalue = cinput.value;
   var cli = "<li id='" + cvalue + "'>" + cvalue + "</li>";
   var culInnerHtml = document.getElementById("_asia").innerHTML;
    culInnerHtml = culInnerHtml + cli;
    document.getElementById("_asia").innerHTML = culInnerHtml;
};

var addCountry2 = function() {
    var cinput = document.getElementById("country");
    var cvalue = cinput.value;

    var cli = document.createElement("li");
    cli.innerHTML = cvalue;
    document.getElementById("_asia").appendChild(cli);
};
~~~

### Node.hasChildNodes()

返回一個布爾值，判斷當前節點是否有子節點。

~~~javascript
var _asiaUl = document.getElementById("_asia");
if (_asiaUl.hasChildNodes()) {
    _asiaUl.innerHTML = "";
}
~~~

### Node.insertBefore()

方法用于將某個節點插入當前節點的指定位置。接收兩個參數，第一個參數是所要插入的節點，第二個參數是當前節點的一個子節點。新的節點將插在這個節點的前面。該方法返回被插入的新節點。

~~~javascript
var getIndexLi = function(index) {
    var _asiaChilds = document.getElementById("_asia").childNodes;
    var k = 1;
   for (var i = 0; i < _asiaChilds.length; i++) {
      var cnode = _asiaChilds[i];
      if (cnode.nodeName === 'LI') {
            if (index === k) {
               return cnode;
         }
            k++;
      }
   }
}

var addCountry3 = function() {
    var cinput = document.getElementById("country");
    var cvalue = cinput.value;

    var cli = document.createElement("li");
    cli.innerHTML = cvalue;

    var _asiaEle = document.getElementById("_asia");
    var cindex = document.getElementById("cindex").value;
    var cele = getIndexLi(parseInt(cindex));

    _asiaEle.insertBefore(cli, cele);
};
~~~

### Node.removeChild()
方法接收一個子節點作為參數，用于從當前節點移除該子節點。返回被移除的子節點。

~~~javascript
var removeCountry1 = function(id) {
    var _asiaEle = document.getElementById("_asia");
    _asiaEle.removeChild(document.getElementById(id));
}
~~~

### Node.replaceChild()
方法用于將一個新的節點替換當前節點的某一個子節點。接收兩個參數，第一個參數是用來替換的新節點，第二個參數是將要被替換的節點。

~~~javascript
var repalceCountry = function() {
   var newEle = document.createElement("LI");
   newEle.innerHTML = "Tailand";

    var _asiaEle = document.getElementById("_asia");
    _asiaEle.replaceChild(newEle, document.getElementById("_japan"));
}
~~~




                    
                
        
                
            
        
                
    
                
    
                
        
                
    
                

                







                  <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>
                              

哎呀哎呀视频在线观看