JS：innerHTML、innerText和value的区别

为了获取input里的值，一开始我写的是input.innerHTML，console一看，居然是空的（不是undefined也不是null）。

上网查完资料之后说获取input的值应该使用.value，然而它们之间的区别是什么呢？

innerHTML

innerHTML是得到你元素.innerHTML**后的所有内容作为HTML来解析**

<div id="example"><a href="#">link</a></div>
console.log("example.innerHTML",          document.getElementById('example').innerHTML);

innerText

innerText是获取到你元素后面的内容并作为纯文本解析。也就是说，如果你要通过innerText插入

<p>abc</P>

,那么它就会十分正直地给你插入

<p>abc</p>

而不会作为Html解析。

有张图很直观

value

value值一般都是为了获取input、textarea内的值吧。