首頁 >web前端 >js教程 >getElementById().innerHTML與getElementById().value的區別詳細為你講解

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

亚连
亚连原創
2018-05-19 14:49:392609瀏覽

這篇文章主要介紹了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

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

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

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

相關文章:

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

JS簡單實作浮動視窗

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn