DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺談javascript中createElement事件
淺談javascript中createElement事件
編輯:關於JavaScript     

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 規范的標准方法。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved