value與innerHTML,innerText的區(qū)別

value與innerHTML,innerText的區(qū)別:
innerHTML與innerText的區(qū)別我就不講了,主要講value與這兩者的區(qū)別!
1.value是表單元素的特有屬性,非表單元素沒有value屬性,如div,span等;
2.value在不同表單元素里有不同的意義,如button為按鈕中的文本,input(text)為默認文本,textarea為默認文本。。。
所以操作表單元素的文本內(nèi)容用value;而innerHTML與innerText操作非表單元素的內(nèi)容或文本內(nèi)容。

3.舉例說明:

<input type="text" value="123456" id="userName"/><br/>
<textarea name="" id="tt" cols="30" rows="10" >123</textarea><br/>

console.log(document.getElementById("userName").value); --------"123456"
console.log(document.getElementById("tt").value); --------"123"
所以獲取表單元素的內(nèi)容時用value屬性。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,819評論 1 45
  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,851評論 0 3
  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 8,130評論 2 17
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,953評論 0 0
  • 梅花 [ 宋代·王安石 ] ...
    zhaoyang1231閱讀 385評論 0 0

友情鏈接更多精彩內(nèi)容