createElement是HTML中應用W3C DOM對像模型建立子節點也就是子元素的概念
複製代碼代碼如下:
<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;則結果會出現111111，他是不斷以字符形式加1的，所以這時候value*1的就能將value值轉換成Int型了。
總結：
要最終解決createElement 方法的兼容性問題，還是要注意判斷瀏覽器，針對IE 可以使用其特有的通過為createElement 傳入一段合法的HTML 代碼字符串作為參數的方法，非IE 瀏覽器仍然使用W3C 規範的標準方法。