添加和刪除HTML節(jié)點的簡單示例_XHTML教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      添加和刪除HTML節(jié)點的簡單示例

      <input type="button" onclick="appendnode()" value="添加節(jié)點">
      <input type="button" onclick="removenode()" value="刪除節(jié)點">
      <div id="result"></div>
      <script>
      i=0
      function appendnode() {
      o=document.createElement("DIV");
      o.innerHTML="test" i
      document.getElementById('result').appendChild(o);
      i
      }

      function removenode(){
      var x = document.getElementById('result');
      x.removeChild(x.lastChild) //從最后個節(jié)點刪除
      }
      </script>

      來源:模板無憂//所屬分類:XHTML教程/更新時間:2007-12-02
      相關(guān)XHTML教程