淺談javascript中createElement事件

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

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

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

 <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其實(shí)是一個(gè)字符，如果將input.value=value*1+1;換成input.value=value+1;則結(jié)果會(huì)出現(xiàn)111111，他是不斷以字符形式加1的，所以這時(shí)候value*1的就能將value值轉(zhuǎn)換成Int型了。

總結(jié)：

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

您可能感興趣的文章:

相關(guān)文章

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