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

Question

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

Answer 1

innerHtml属性源自Element.innerHtml
innerText属性源自Node.innerText
textContent属性源自Node.textContent
value属性源自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->Node
varinput=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