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