淺談javascript中createElement事件，javascriptelement

淺談javascript中createElement事件，javascriptelement

createElement是HTML中應用W3C DOM對像模型建立子節點也就是子項目的概念

複製代碼 代碼如下:
 <script>
   window.onload = function () {
   var input  = document.createElement('input');
   var button = document.createElement('input');
   input.type ='text'; 
   input.id= 'text';
   input.value ='1';
   button.type='button';
   button.value ='逐加';
   button.style.width = '40px';
   button.style.height = '23px';
   document.body.appendChild(input);
   document.body.appendChild(button);
   button.onclick = function(){
      var value = input.value;
      input.value = value * 1 + 1;
   }
  }
 </script>

 註：value其實是一個字元，如果將input.value=value*1+1;換成input.value=value+1;則結果會出現111111，他是不斷以字元形式加1的，所以這時候value*1的就能將value值轉換成Int型了。

總結：

要最終解決 createElement 方法的相容性問題，還是要注意判斷瀏覽器，針對 IE 可以使用其特有的通過為createElement 傳入一段合法的 HTML 程式碼字串作為參數的方法，非 IE 瀏覽器仍然使用 W3C 規範的標準方法。