javascript中Element.nodeValue和innerHTML有什么区别

javascript中Element.nodeValue和innerHTML有什么区别

定义和用法
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
定义和用法
nodeType 属性返回以数字值返回指定节点的节点类型。
如果节点是元素节点，则 nodeType 属性将返回 1。
如果节点是属性节点，则 nodeType 属性将返回 2。
　　从下面例子中可以很好的了解区别，举例如下：
　　x=mylist.parentNode.parentNode.parentNode.lastChild 这里返回的是一个最后一个li元素节点。
　　x=mylist.parentNode.parentNode.parentNode.lastChild.firstChild 这里返回的是最后一个li元素节点的第一个子节点，这个子节点在这里是一个文本节点。nodeValue也就是文本节点的文本。
　　而innerHTML是元素对象的属性。在这里是一个文本节点，因而返回underfined.

dom中的节点是分好几种类型,常见的有 1.文档节点 （document，唯一） 2.元素节点 （那些个标签div,p之类） 3.属性节点（class,src这种） 4.文本节点（插入在p，div内的文本） 其它。。 其中element.nodevalue，是节点的值，其中属性节点和文本节点是有值的，而元素节点没有值。 innerhtml以字符串形式返回该节点的所有子节点及其值 举个例子 ： <p id="example" title="texts"> 这是一段文本 <span></span> </p> var p = document.getelementbyid('example'); p.nodevalue //null,p是元素节点，所以nodevalue为null p.getattributenode('id').nodevalue //example，这里获取到p的id属性的属性节点，nodevalue就是它的属性值 p.childnodes[0].nodevalue p.innerhtml

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息