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