淺談javascript中createElement事件

更新時間：2014年12月05日 11:30:25 投稿：hebedich

本文通過示例向大家簡單介紹了javascript中的createElement事件,需要的朋友可以參考下

createElement是HTML中應用W3C DOM對像模型建立子節(jié)點也就是子元素的概念

 <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;則結果會出現(xiàn)111111，他是不斷以字符形式加1的，所以這時候value*1的就能將value值轉換成Int型了。

總結：

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

您可能感興趣的文章:

javascript學習筆記(三) String 字符串類型介紹
javascript學習筆記之String 字符串類型介紹，這里介紹的是js字符串處理常用函數(shù)
2012-06-06
JS?數(shù)組sort方法的升序為什么是a-b你知道嗎
這篇文章主要為大家詳細介紹了JS?數(shù)組sort方法為什么升序是a-b，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-02-02
關于session和cookie的簡單理解
下面小編就為大家?guī)硪黄P于session和cookie的簡單理解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
JavaScript入門教程(8) Location地址對象
location 地址對象它描述的是某一個窗口對象所打開的地址。要表示當前窗口的地址，只需要使用“l(fā)ocation”就行了
2009-01-01
JavaScript的對象和包裝類你了解多少
這篇文章主要為大家詳細介紹了JavaScript的對象和包裝類，使用數(shù)據(jù)庫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-02-02
什么是JavaScript
JavaScript是一種基于對象和事件驅動的客戶端腳本語言。JavaScript最初的設計是為了檢驗HTML表單輸入的正確性。javaScript起源于Netscape公司的LiveScript語言。
2009-08-08
實現(xiàn)高性能JavaScript之執(zhí)行與加載
avaScript在瀏覽器中的性能，此問題因JavaScript的阻塞特征而復雜，也就是說JavaScript運行時其他的事情不能被瀏覽器處理，事實上，大多數(shù)瀏覽器使用單進程處理JavaScript運行等多個任務，而同一時間只能有一個任務被執(zhí)行。
2016-01-01
簡介JavaScript中的getUTCFullYear()方法的使用
這篇文章主要介紹了簡介JavaScript中的getUTCFullYear()方法的使用,是JS入門學習中的基礎知識,需要的朋友可以參考下
2015-06-06
JavaScript初級教程(第五課)
JavaScript初級教程(第五課)...
2007-04-04
javaScript知識點總結(必看篇)
下面小編就為大家?guī)硪黄猨avaScript知識點總結(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給的大家做個參考。一起跟隨小編過來看看吧
2016-06-06