DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> getElementById().innerHTML與getElementById().value的區別
getElementById().innerHTML與getElementById().value的區別
編輯:JavaScript基礎知識     

因為總有新手朋友問這個問題,所以小編特整理一下方法需要的朋友。

簡單來說:表單用value,插入字符用innerHTML

比如<input type="text" value="" id="jb51" />

有value屬性的標簽才能使用getElementById("jb51").value
像<div id="jb51">12345</div>

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

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

當一個元素有value屬性的時候,其value才會有值
例1
<input type="text" id="txt1" value="hello"/>
這樣一個元素,當你使用document.getElementById("txt1").value時,可以得到其value值,即"hello"這個字符串。

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

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

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

<label id="lb1">this is a label</label>

當你使用document.getElementById("lb1").innerHTML可以取到<label>與</label>之間的內容,即“this is a label”。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved