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内的值吧。