getElementById().innerHTML與getElementById().value的區(qū)別
因?yàn)榭傆行率峙笥褑栠@個(gè)問題,所以腳本之家小編特整理一下方法需要的朋友。
簡單來說:表單用value,插入字符用innerHTML
比如<input type="text" value="" id="jb51" />
有value屬性的標(biāo)簽才能使用getElementById("jb51").value
像<div id="jb51">12345</div>
這種沒有value屬性的標(biāo)簽就用getElementById("jb51").innerHTML
你使用document.getElementById()可以取到頁面上一個(gè)有id的元素
然后訪問這個(gè)元素的屬性,比如value
當(dāng)一個(gè)元素有value屬性的時(shí)候,其value才會(huì)有值
例1
<input type="text" id="txt1" value="hello"/>
這樣一個(gè)元素,當(dāng)你使用document.getElementById("txt1").value時(shí),可以得到其value值,即"hello"這個(gè)字符串。
如果一個(gè)元素沒有value值,那么使用document.getElementById().value時(shí)是取不到。這是理所當(dāng)然的,沒有的東西怎么訪問?
比如一個(gè)div標(biāo)記,就不一定有value值。
innerHTML
這個(gè)是指元素中的內(nèi)容
例2
一個(gè)元素有起始標(biāo)記和結(jié)束標(biāo)記如
<label id="lb1">this is a label</label>
當(dāng)你使用document.getElementById("lb1").innerHTML可以取到<label>與</label>之間的內(nèi)容,即“this is a label”。
相關(guān)文章
Javascript實(shí)現(xiàn)異步編程的過程
這篇內(nèi)容詳細(xì)分析了Javascript實(shí)現(xiàn)異步編程的過程以及原理解釋,對(duì)此知識(shí)點(diǎn)有興趣的朋友可以學(xué)習(xí)下。2018-06-06學(xué)習(xí)js在線html(富文本,所見即所得)編輯器
需要一個(gè)可以編輯同時(shí)又可顯效果的編輯框。textarea不行,它只能用來輸入純文本,不能顯示顏色、斜體之類的文字樣式,就像記事本,本文介紹所見即所得編輯器實(shí)現(xiàn)原理2012-12-12淺談Javascript常用正則表達(dá)式應(yīng)用
這篇文章主要介紹了Javascript常用正則表達(dá)式應(yīng)用,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03Javascript模塊化編程(三)require.js的用法及功能介紹
這個(gè)系列的第一部分和第二部分,介紹了Javascript模塊原型和理論概念,今天介紹如何將它們用于實(shí)戰(zhàn)。我采用的是一個(gè)非常流行的庫require.js感興趣的朋友可以了解下啊2013-01-01Javascript學(xué)習(xí)筆記7 原型鏈的原理
說到prototype,就不得不先說下new的過程。2010-01-01