offsetParent与parentElement ,parentNode,parentElement,childNodes和children
offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element。
例如:
<BODY>
<div style="border: 1px solid black;position:absolute;">
<form>
<input type="checkbox" id="cc">
</form>
</div>
这个例子中,“cc”元素的offsetParent是div,如果去掉div的position属性,那么cc的offsetParent就会变为body。而parentElement一直都为form。
与此相关的还有offsetLeft和offsetTop两种属性,他们分别表示的是元素与offsetElement相对应的左侧和顶部距离。
parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持
offsetParent与parentElement ,parentNode,parentElement,childNodes和children相关推荐
- javascript 中 parentNode,childNodes、children 应用
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 例: <div id="parent ...
- parentNode,childNodes、children 的使用
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 例: <div id="parent ...
- parentNode,parentElement,childNodes,children之间的区别
parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象 ...
- 深入了解parentNode,parentElement,childNodes,children的区别,一看就懂
今天是准备面试的第七天,js是由ECMAScript.文档对象模型(DOM)和浏览器对象模型(BOM)组成,我们今天就了解下与DOM有关的常用接口parentNode,parentElement,ch ...
- parentNode,parentElement,childNodes,children最经典讲解
首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点组成的,节点 ...
- 【转】parentNode,parentElement,childNodes,children最经典讲解
点进去原文 首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点 ...
- js中parentNode,parentElement,childNodes,children
首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点组成的,节点 ...
- parentNode、parentElement,childNodes、children 区别
parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合. ...
- 【JS】中parentNode,parentElement,childNodes,children之间的区别
parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合. ...
最新文章
- 如何获取元素最终使用的css值
- Missing space before value for key 'path'vue.js解决空格报错
- 解决audio和video在手机端无法自动播放问题
- Algorithms_二叉树二分搜索树初探
- 谷粒商城RabbitMQ设计思想详解:消息队列双重保险设计
- 第十二届湖南省赛 (B - 有向无环图 )(拓扑排序+思维)好题
- silverlight 3D 游戏开发
- Ubuntu安装配置sougou输入法
- 2022Vue经典面试题及答案汇总(持续更新)
- 关于MMORPG多人对战中热点问题的解决思路讨论
- selectpicker的使用方法
- 推荐8款免费企业邮箱,让你的工作便捷起来
- Django-(6)
- 人工蜂群算法求解TSP问题
- 大数据文字游戏_什么是大数据?
- MySQL 备份原表
- Veritas NetBackup8.1.1安装
- mysql:mysql数据库下载及安装(详细)
- python--Django 01 安装以及初识Django项目开发
- pyecharts第十节、地图(三、省份地图)