html dom.parent,HTML DOM offsetParent用法及代码示例
在HTML中,offsetParent属性用于返回元素的最接近的祖先。返回的祖先的位置必须不是静态的。如果将元素设置为display =“ none”,则offestParent属性将返回null值。
用法:
object.offsetParent;
此属性用于返回元素的offsetParent。此方法没有默认值。 offsetParent是有用的属性,因为offsetTop和offsetLeft相对于其填充边。
范例1:本示例返回offsetParent属性。
HTML DOM Element offsetParent Property
GeeksforGeeks
Click Here!
The offsetParent:
function myGeeks() {
// Return offset parent of div
var offsetp =
document.getElementById("GFG");
document.getElementById("geeks").innerHTML =
offsetp.offsetParent;
}
输出:
在单击按钮之前:
单击按钮后:
范例2:本示例使用display属性来隐藏offsetParent值。
HTML DOM Element offsetParent Property
#GFG {
display:none;
}
GeeksforGeeks
Click Here!
The offsetParent:
function myGeeks() {
// Return offset parent of div
var offsetp =
document.getElementById("GFG");
document.getElementById("geeks").innerHTML =
offsetp.offsetParent;
}
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:
谷歌浏览器
IE浏览器
火狐浏览器
Opera
苹果浏览器
html dom.parent,HTML DOM offsetParent用法及代码示例相关推荐
- python numpy allclose用法及代码示例
python numpy allclose用法及代码示例 用法: numpy.allclose(a, b, rtol=1e-05, atol=1e-08, equal_nan=False) 如果两个数 ...
- PostgreSQL REGEXP_REPLACE用法及代码示例
PostgreSQL REGEXP_REPLACE用法及代码示例: 原文链接:https://vimsky.com/examples/usage/postgresql-regexp_replace-f ...
- html焦点试图代码,HTML DOM focus()用法及代码示例
DOM focus()方法用于为元素赋予焦点,并借助blur()方法删除焦点.我们可以将焦点放在任何元素上,并通过执行一些操作来启用它.例如,我们可以通过单击按钮将焦点放在某些文本上. 用法: Obj ...
- html+dfn标签,HTML DOM DFN用法及代码示例
DOM DFN对象用于表示HTML 标签. getElementById()访问DFN元素. 用法: document.getElementById("ID"); 其中" ...
- html dom的nodetype值介绍,HTML DOM nodeType用法及代码示例
DOM nodeType属性用于查找我们要引用的节点的类型.特定节点的类型以数字形式返回. DOM nodeType属性是一个只读属性. 返回值:它根据节点的类型返回一个数值. 1:如果node是元素 ...
- html中em使用例子,HTML DOM Emphasized用法及代码示例
DOM强调对象用于表示HTML 元素.强调元素由getElementById()访问.句法: document.getElementById("ID"); 其中"id&q ...
- html input url,HTML Input URL name用法及代码示例
HTML DOM中的DOM输入URL名称属性用于设置或返回URL字段的name属性的值.每个输入字段都需要name属性.如果未在输入字段中指定name属性,则将根本不发送该字段的数据. 用法: 它返回 ...
- html中input里的time怎么用,HTML Input Time stepDown()用法及代码示例
HTML DOM中的DOM输入时间stepDown()方法用于将时间字段的值减少给定数字.它只会影响分钟数(而不是小时,秒或毫秒). 用法: timeObject.stepDown(number) 参 ...
- html range关联文本框,HTML Input Range type用法及代码示例
HTML DOM中的DOM输入范围类型属性用于返回滑块控件属于哪种类型的表单元素.所有浏览器均应返回"range".而Internet Explorer始终返回"text ...
最新文章
- 【网络安全】如何使用keimpx检测网络环境中的有效凭证
- 【小白学习PyTorch教程】三、Pytorch中的NN模块并实现第一个神经网络模型
- mysql5.58_mysql5.58编译安装手记
- 泛型中的模糊继承,解析T的意义
- SAP Commerce Cloud 的代码仓库
- 安卓调用系统相机三步走
- HDU 3966-Aragorn's Story 树链剖分+树状数组
- 恶心的Oracle的if else if...
- JavaScript 九种跨域方式实现原理 1
- 好玩的问答,看看你的年龄阶段哦
- 你不知道的Bitmap
- 米思齐 Mixly 解决函数模块无法上下连接。
- linux鼠标手势,Vivaldi 1.2 发布,定制鼠标手势
- CMS系统简介(从简介到使用)
- 股票交易成本有哪些费用?
- linux中获取系统时间的几种方法
- PostgreSQL 用户和角色管理
- 如何自动执行Excel的多次替换--Excel批量替换工具
- 弗里曼(Freeman)链码
- 经常玩电脑正确的坐姿_告诉你电脑族的最佳坐姿_养生人群_养生之道网
热门文章
- mysql不识别生僻字_MySQL生僻字插入失败的处理方法
- 心情不好或者问题很难解决就看一看
- 用飞桨,每个人都可以是影流之主[PaddleSeg]
- 健身房瑜伽馆行业门店 3.1.0 后台模块+前端小程序
- 网站排名算法——Reddit 排名算法工作原理
- File Cache Conflict 文件缓存冲突
- GTX950M+Cuda10.1+TensorFlow2.1.0+Pytorch1.7.1
- WEB后台--邮件和短信业务实现(包括Java一键实现、封装和异步)以及原理详解
- 浅析Promise用法
- 【OpenGL】傅老师OpenGL学习