createElement是HTML中應用W3C DOM物件模型建立子節點也就是子元素的概念
<script><br />
window.onload = function () {<br />
var input = document.createElement('input');<br />
var button = document.createElement('input');<br />
input.type ='text'; <br />
input.id= 'text';<br />
input.value ='1';<br />
button.type='button';<br />
button.value ='逐加';<br />
button.style.width = '40px';<br />
button.style.height = '23px';<br />
document.body.appendChild(input);<br />
document.body.appendChild(button);<br />
button.onclick = function(){<br />
var value = input.value;<br />
input.value = value * 1 1;<br />
}<br />
}<br />
</script>
註:value其實是一個字符,如果將input.value=value*1 1;換成input.value=value 1;則結果會出現111111,他是不斷以字符形式加1的,所以這時候value*1的就能將value值轉換成Int型了。
總結:
要最終解決createElement 方法的兼容性問題,還是要注意判斷瀏覽器,針對IE 可以使用其特有的通過為createElement 傳入一段合法的HTML 代碼字符串作為參數的方法,非IE 瀏覽器仍然使用W3C 規範的標準方法。