value与innerHTML,innerText的区别

value与innerHTML,innerText的区别:
innerHTML与innerText的区别我就不讲了,主要讲value与这两者的区别!
1.value是表单元素的特有属性,非表单元素没有value属性,如div,span等;
2.value在不同表单元素里有不同的意义,如button为按钮中的文本,input(text)为默认文本,textarea为默认文本。。。
所以操作表单元素的文本内容用value;而innerHTML与innerText操作非表单元素的内容或文本内容。

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"
所以获取表单元素的内容时用value属性。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容