createElement 是 HTML 中應(yīng)用 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；則結(jié)果會出現(xiàn) 111111，他是不斷以字符形式加 1 的，所以這時候 value*1 的就能將 value 值轉(zhuǎn)換成 Int 型了。
要最終解決 createElement 方法的兼容性問題，還是要注意判斷瀏覽器，針對 IE 可以使用其特有的通過為 createElement 傳入一段合法的 HTML 代碼字符串作為參數(shù)的方法，非 IE 瀏覽器仍然使用 W3C 規(guī)范的標(biāo)準方法。
掃碼關(guān)注鍍金池微信號
手機訂課，優(yōu)惠多多