淺談javascript中createElement事件_基礎知識

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 規範的標準方法。