淺談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)方法。
- javascript createElement()創(chuàng)建input不能設(shè)置name屬性的解決方法
- Javascript createElement和innerHTML增加頁面元素的性能對比
- 動(dòng)態(tài)添加option及createElement使用示例
- 動(dòng)態(tài)的創(chuàng)建一個(gè)元素createElement及刪除一個(gè)元素
- js 用CreateElement動(dòng)態(tài)創(chuàng)建標(biāo)簽示例
- 使用jQuery解決IE與FireFox下createElement方法的差異
- document.createElement()用法
- createElement和onclick
- 動(dòng)態(tài)加載js文件 document.createElement
- javascript中createElement的兩種創(chuàng)建方式
相關(guān)文章
JavaScript中的Number數(shù)字類型學(xué)習(xí)筆記
對數(shù)字類型支持得不夠強(qiáng)大是很多人吐槽JavaScript的原因,anyway...這里整理了JavaScript中的Number數(shù)字類型學(xué)習(xí)筆記,適合入門及基礎(chǔ)知識(shí)復(fù)習(xí),需要的朋友可以參考下2016-05-05JavaScript學(xué)習(xí)筆記(一) js基本語法
JavaScript學(xué)習(xí)筆記(一) js基本語法,想要學(xué)習(xí)js的朋友可以參考下。2011-10-10js修改地址欄URL參數(shù)解決url參數(shù)問題
現(xiàn)在做網(wǎng)頁,經(jīng)常會(huì)碰到處理地址欄參數(shù)的問題,因此,就專門做了一個(gè)修改地址欄參數(shù)的方法,需要了解的朋友可以參考下2012-12-12頁面get請求 中文參數(shù)方法亂碼問題的快速解決方法
下面小編就為大家?guī)硪黄撁鎔et請求 中文參數(shù)方法亂碼問題的快速解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05window.navigate 與 window.location.href 的使用區(qū)別介紹
首先說明的是 window.navigate 與 window.location.href 都是實(shí)現(xiàn)頁面鏈接跳轉(zhuǎn)的,下面將介紹它們的區(qū)別。感興趣的朋友可以參考下2013-09-09JavaScript中圓括號()和方括號[]的特殊用法疑問解答
大家對JavaScript中圓括號() 和 方括號[] 的特殊用法或許有些疑問,本文就帶著這些疑問為大家詳細(xì)介紹下,有疑問的朋友可不要錯(cuò)過了哈2013-08-08JavaScript 中的日期和時(shí)間及表示標(biāo)準(zhǔn)介紹
本文為大家詳細(xì)介紹下時(shí)間標(biāo)準(zhǔn)指的是什么?UCT和GMT 的概念、關(guān)聯(lián)和區(qū)別?以及時(shí)間表示標(biāo)準(zhǔn)有哪些?感興趣的朋友可以參考下2013-08-08