                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

元素的innerHTML與元素的value有何不同

如：var a=getElementByID("id");

? ? ? ? ? ?a.innerHTML=b

? ? ? ? ? a.value=b

? ? ?有區(qū)別嗎

郭菲菲同學(xué)

2016-02-24

源自：JavaScript進階篇 8-11

關(guān)注問題我要回答

1446

操作

收起

5 回答

杜甫忙回答被采納 +3 積分
2016-02-24

舉例子來說明你會容易明白一點

你使用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”。

document.getElementById().innerHTML