HTML DOM offsetParent 属性 | DOM 对象:HTML DOM 元素对象

返回到:DOM 对象:HTML DOM 元素对象

定义和用法

offsetParent 是一个只读属性,获得被定位的最近祖先元素。。

注意: offsetParent 用于 offsetLeft 和 offsetTop 属性。

提示: 当元素的 style.display 设置为 “none” 时,offsetParent 返回 null。

浏览器支持

属性
offsetParentYesYesYesYesYes

语法

element.offsetParent 

技术细节

返回值:节点对象,表示最近的祖先元素。

实例

获取 div 最近的祖先元素:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
	</head>
<body>

<div id="test">
  <p>点击按钮获取 div 最近的祖先元素:</p>
  <p><button onclick="myFunction()">点我</button></p>
  <p>offsetParent 为: <span id="demo"></span></p>
</div>

<script>
function myFunction() {
  var testDiv = document.getElementById("test");
  document.getElementById("demo").innerHTML = testDiv.offsetParent;
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4481.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年12月10日 下午4:18
下一篇 2021年12月10日 下午4:19

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注