parentNode和parentElement区别

parentNode跟parentElement除了前者是w3c标准，后者只ie支持

当父节点的nodeType不是1，即不是element节点的话，它的parentElement就会是null

一般情况parentNode可以取代parentElement的所有功能

parentElement匹配的是parent为element的情况，而parentNode匹配的则是parent为node的情况。element是包含在node里的，它的nodeType是1

时间： 2024-08-12 07:33:57

parentNode和parentElement区别的相关文章

parentNode、parentElement，childNodes、children 它们有什么区别呢？

parentNode.parentElement,childNodes.children 它们有什么区别呢?parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合. children 获取作为对象直接后代的 DHTML 对象的集合. -------------------------------------------------------- pare

parentNode，parentElement,offsetParent

offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element. 例如: <BODY> <div style="border:1px solid black;position:absolute;"> <form> <input type="checkbox" id="cc"> </form> </div&

parentNode与offsetParent区别

offsetParent  指与位置有关的上级元素  只读parentNode  指与位置无关的上级元素   只读 function offsetTop(element){ var top=element.offsetTop; var parent=element.offsetParent; while(parent!=null){ top+=parent.offsetTop; parent=parent.offsetParent; } return top; } 这个是获取元素到达顶部位置 其

parentNode parentElement childNodes children

首先要了解 parentNode childNodes是W3C标准的. 一下所说都是针对在html中外加chrome浏览器(请原谅我的渣...) 对于html文档而言,可以理解为能分Node树,Element树,在节点树中是由node组成的,而在Element树中则都是HTMLElement node的包括了Text(文本节点),Comment(注释),HTMLDocument,HTMLElment节点,parentNode childNodes都是在节点树中进行的,也就是他们会包括文本节点和注

javascript中parentNode,childNodes,children的应用详解

本篇文章是对javascript中parentNode,childNodes,children的应用进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 "parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 例: <div id="parent"><b id="child">My text</b></div> 在上面的代码中, 你看

js里用append()和appendChild有什么区别？

parentNode.append()是还在试用期的方法,有兼容问题.是在parendNode节点中最后一个子节点后插入新Node或者DOMString(字符串,插入后为Text节点). 与parentNode.appendChild()的区别在于:parentNode.append()可以同时传入多个节点或字符串,没有返回值:而parentNode.appendChild()只能传一个节点,且不直接支持传字符串(需要parentNode.appendChild(document.createT

web前端开发工程师“想都不用想”的几个知识点

1.DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动.document.documentElement     返回文档的根节点<html> document.body     <body> document.activeElement 返回当前文档中被击活的标签节点(ie) event.fromElement        返回鼠标移出的源节点(ie) event.toElement       返回鼠标移入的源节点(ie) event.srcElement 

JavaScript DOM知识 （一）

特性.方法 类型.返回类型 说明 nodeName String 节点的名字:根据节点类型而定义 nodeValue String 节点的值:根据节点的类型而定义 nodeType Number 节点的类型常量值之一 ownerDocument Document 返回元素的根节点 fristChild Node 指向在childNodes列表的第一个节点 lastChild Node 指向在chilidNodes列表的最后一个节点 ChildNodes NodeList 所有子节点的列表 pre

DOM基本知识点

1.DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动. document.documentElement 返回文档的根节点 document.body document.activeElement 返回当前文档中被击活的标签节点(ie) event.fromElement 返回鼠标移出的源节点(ie) event.toElement 返回鼠标移入的源节点(ie) event.srcElement 返回激活事件的源节点(ie) event.target 返回激活事件的源节点(f