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属性。