HTML中value與innerHTML、document.write的區別

今天有一個比較困惑的地方

就是value和innerHTML的區別

後來查詢了一下

知道了：

div td等HTML元素是沒有value屬性的 需要用innerHTML

而button text什麼的  就有value屬性

HTML DOM元素和HTML元素的區別

HTML元素都是靜態的

HTML DOM是javascript的一部分

是動態的

document.write直接輸出在瀏覽器，後面繼續write ，內容會一直在後面添加。

innerHTML就是獲取或設置指定DOM元素(id)的內容，就是<div id="dddd"></div>之間的東西。與id掛鉤。

innerHTML可以方便有快捷的插入大段的HTML內容，但是不能對innerHTML插入的內容進行處理。還有一點要說的是innerHTML不是W3C DOM標準的組成部分，而是一項專利技術。

在document中write腳本是作爲文本直接處理，CSS風格奏效

<script type="text/javascript">
document.write("<script>alert('aaa')</script>"); //腳本報錯
document.write("<script>alert('aaa')</script>"); //直接顯示的是<script>alert('aaa')</script> ,不能生成<script>到新的窗口
document.write("<style>a{color:red;font-weight:bold;}</style>");
</script>

innerHTML 中CSS沒有生效，同樣，javascript沒有生效

：：CSS的寫入必須使用write方式

document.write只推薦在頁面onload之前使用

如果加載時就要用腳本輸出,用document.write好一點! 速度會更快!
如果網頁已經加載完畢,用innerHTML會更安全一點,用document.write會出錯

頂

0

踩