首頁 > web前端 > js教程 > 淺談javascript中createElement事件_基礎知識

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

WBOY
發布: 2016-05-16 16:28:53
原創
1768 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板