在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用法及代码示例相关推荐

  1. python numpy allclose用法及代码示例

    python numpy allclose用法及代码示例 用法: numpy.allclose(a, b, rtol=1e-05, atol=1e-08, equal_nan=False) 如果两个数 ...

  2. PostgreSQL REGEXP_REPLACE用法及代码示例

    PostgreSQL REGEXP_REPLACE用法及代码示例: 原文链接:https://vimsky.com/examples/usage/postgresql-regexp_replace-f ...

  3. html焦点试图代码,HTML DOM focus()用法及代码示例

    DOM focus()方法用于为元素赋予焦点,并借助blur()方法删除焦点.我们可以将焦点放在任何元素上,并通过执行一些操作来启用它.例如,我们可以通过单击按钮将焦点放在某些文本上. 用法: Obj ...

  4. html+dfn标签,HTML DOM DFN用法及代码示例

    DOM DFN对象用于表示HTML 标签. getElementById()访问DFN元素. 用法: document.getElementById("ID"); 其中" ...

  5. html dom的nodetype值介绍,HTML DOM nodeType用法及代码示例

    DOM nodeType属性用于查找我们要引用的节点的类型.特定节点的类型以数字形式返回. DOM nodeType属性是一个只读属性. 返回值:它根据节点的类型返回一个数值. 1:如果node是元素 ...

  6. html中em使用例子,HTML DOM Emphasized用法及代码示例

    DOM强调对象用于表示HTML 元素.强调元素由getElementById()访问.句法: document.getElementById("ID"); 其中"id&q ...

  7. html input url,HTML Input URL name用法及代码示例

    HTML DOM中的DOM输入URL名称属性用于设置或返回URL字段的name属性的值.每个输入字段都需要name属性.如果未在输入字段中指定name属性,则将根本不发送该字段的数据. 用法: 它返回 ...

  8. html中input里的time怎么用,HTML Input Time stepDown()用法及代码示例

    HTML DOM中的DOM输入时间stepDown()方法用于将时间字段的值减少给定数字.它只会影响分钟数(而不是小时,秒或毫秒). 用法: timeObject.stepDown(number) 参 ...

  9. html range关联文本框,HTML Input Range type用法及代码示例

    HTML DOM中的DOM输入范围类型属性用于返回滑块控件属于哪种类型的表单元素.所有浏览器均应返回"range".而Internet Explorer始终返回"text ...

最新文章

  1. 【网络安全】如何使用keimpx检测网络环境中的有效凭证
  2. 【小白学习PyTorch教程】三、Pytorch中的NN模块并实现第一个神经网络模型
  3. mysql5.58_mysql5.58编译安装手记
  4. 泛型中的模糊继承,解析T的意义
  5. SAP Commerce Cloud 的代码仓库
  6. 安卓调用系统相机三步走
  7. HDU 3966-Aragorn's Story 树链剖分+树状数组
  8. 恶心的Oracle的if else if...
  9. JavaScript 九种跨域方式实现原理 1
  10. 好玩的问答,看看你的年龄阶段哦
  11. 你不知道的Bitmap
  12. 米思齐 Mixly 解决函数模块无法上下连接。
  13. linux鼠标手势,Vivaldi 1.2 发布,定制鼠标手势
  14. CMS系统简介(从简介到使用)
  15. 股票交易成本有哪些费用?
  16. linux中获取系统时间的几种方法
  17. PostgreSQL 用户和角色管理
  18. 如何自动执行Excel的多次替换--Excel批量替换工具
  19. 弗里曼(Freeman)链码
  20. 经常玩电脑正确的坐姿_告诉你电脑族的最佳坐姿_养生人群_养生之道网

热门文章

  1. mysql不识别生僻字_MySQL生僻字插入失败的处理方法
  2. 心情不好或者问题很难解决就看一看
  3. 用飞桨,每个人都可以是影流之主[PaddleSeg]
  4. 健身房瑜伽馆行业门店 3.1.0 后台模块+前端小程序
  5. 网站排名算法——Reddit 排名算法工作原理
  6. File Cache Conflict 文件缓存冲突
  7. GTX950M+Cuda10.1+TensorFlow2.1.0+Pytorch1.7.1
  8. WEB后台--邮件和短信业务实现(包括Java一键实现、封装和异步)以及原理详解
  9. 浅析Promise用法
  10. 【OpenGL】傅老师OpenGL学习