getElementById().innerHTML與getElementById().value的區別詳細為你講解

這篇文章主要介紹了getElementById().innerHTML與getElementById().value的區別,需要的朋友可以參考下

簡單來說：表單用value，插入字元用innerHTML

例如

有value屬性的標籤才能使用getElementById("jb51").value
像是

12345

這種沒有value屬性的標籤就用getElementById("jb51").innerHTML

你使用document.getElementById()可以取到頁面上一個有id的元素
然後存取這個元素的屬性，例如value

當一個元素有value屬性的時候，其value才會有值
範例1

這樣一個元素，當你使用document.getElementById("txt1 ").value時，可以得到其value值，即"hello"這個字串。

如果一個元素沒有value值，那麼使用document.getElementById().value時是取不到。這是理所當然的，沒有的東西怎麼訪問？
例如一個p標記，就不一定有value值。

innerHTML
這個是指元素中的內容
例2

一個元素有起始標記和結束標記如

this is a label

當你使用document.getElementById("lb1").innerHTML可以取到與之間的內容，即「this is a label」。

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

js程式碼延遲一定時間後執行一個函數的實例

JS簡單實作浮動視窗

Avalonjs# 實作簡單購物車功能
##

以上是getElementById().innerHTML與getElementById().value的區別詳細為你講解的詳細內容。更多資訊請關注PHP中文網其他相關文章！