淺談javascript中createElement事件
更新時間：2014年12月05日 11:30:25 投稿：hebedich
本文通過示例向大家簡單介紹了javascript中的createElement事件,需要的朋友可以參考下
createElement是HTML中應(yīng)用W3C DOM對像模型建立子節(jié)點也就是子元素的概念
復(fù)制代碼 代碼如下:
<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;則結(jié)果會出現(xiàn)111111，他是不斷以字符形式加1的，所以這時候value*1的就能將value值轉(zhuǎn)換成Int型了。
總結(jié)：
要最終解決 createElement 方法的兼容性問題，還是要注意判斷瀏覽器，針對 IE 可以使用其特有的通過為createElement 傳入一段合法的 HTML 代碼字符串作為參數(shù)的方法，非 IE 瀏覽器仍然使用 W3C 規(guī)范的標(biāo)準(zhǔn)方法。
您可能感興趣的文章:
- javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
- Javascript createElement和innerHTML增加頁面元素的性能對比
- 動態(tài)添加option及createElement使用示例
- 動態(tài)的創(chuàng)建一個元素createElement及刪除一個元素
- js 用CreateElement動態(tài)創(chuàng)建標(biāo)簽示例
- 使用jQuery解決IE與FireFox下createElement方法的差異
- document.createElement()用法
- createElement和onclick
- 動態(tài)加載js文件 document.createElement
- javascript中createElement的兩種創(chuàng)建方式
相關(guān)文章
javascript學(xué)習(xí)筆記(三) String 字符串類型介紹
javascript學(xué)習(xí)筆記之String 字符串類型介紹，這里介紹的是js字符串處理常用函數(shù)2012-06-06
JS?數(shù)組sort方法的升序為什么是a-b你知道嗎
這篇文章主要為大家詳細介紹了JS?數(shù)組sort方法為什么升序是a-b，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
下面小編就為大家?guī)硪黄P(guān)于session和cookie的簡單理解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JavaScript入門教程(8) Location地址對象
location 地址對象 它描述的是某一個窗口對象所打開的地址。要表示當(dāng)前窗口的地址，只需要使用“l(fā)ocation”就行了2009-01-01
這篇文章主要為大家詳細介紹了JavaScript的對象和包裝類，使用數(shù)據(jù)庫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
JavaScript是一種基于對象和事件驅(qū)動的客戶端腳本語言。JavaScript最初的設(shè)計是為了檢驗HTML表單輸入的正確性。javaScript起源于Netscape公司的LiveScript語言。2009-08-08
實現(xiàn)高性能JavaScript之執(zhí)行與加載
avaScript在瀏覽器中的性能，此問題因JavaScript的阻塞特征而復(fù)雜，也就是說JavaScript運行時其他的事情不能被瀏覽器處理，事實上，大多數(shù)瀏覽器使用單進程處理JavaScript運行等多個任務(wù)，而同一時間只能有一個任務(wù)被執(zhí)行。2016-01-01
簡介JavaScript中的getUTCFullYear()方法的使用
這篇文章主要介紹了簡介JavaScript中的getUTCFullYear()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
JavaScript初級教程(第五課)...2007-04-04
下面小編就為大家?guī)硪黄猨avaScript知識點總結(jié)(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享 給大家，也給的大家做個參考。一起跟隨小編過來看看吧2016-06-06