innerText、innerHtml、textContent、value分别的作用和相互之间的区别

Question

题目可能回答起来有点复杂，我在Google上没有找到合适的答案所以来此求助。
介于回答起来可能麻烦，童鞋可以将自己总结发布的网址或博客相关文章地址给我也万分感谢

Answer 1

innerHtml属性源自Element.innerHtmlinnerText属性源自Node.innerTexttextContent属性源自Node.textContentvalue属性源自HTMLInputElement.value比如：获取到一个div元素，vardiv=document.getElementByID('div');//div的所有属性继承关系HTMLElement->Element->Node->EventTarget->Object->null//div.innerHTML方法继承自HTMLElement->Element//div.innerText方法继承自HTMLElement->Element->Node//div.textContent方法继承自HTMLElement->Element->Nodevarinput=document.getElementById('input');//input的所有属性继承关系HTMLInputElement->HTMLElement->Element->Node->EventTarget->Object->null//input.value属性来自HTMLInputElement其作用应该有了解过，不赘述。

Answer 2

瞎说,innerText和textContent是作用一样的属性,在比较早的firefox版本里只支持innerText,不支持textContent;都是获取元素内的所有文本innerHTML是所有浏览器都支持的,返回标签内容的HTML形式的文本value是另一个概念,基本上是表单元素特有的,比如:input/textarea/select之类.意义是"值",而不是"文本",比如这里是text