JS DOM之父节点

来源：互联网发布：湖北关键词优化外包编辑：程序博客网时间：2024/05/22 14:08

元素.parentNode : 只读属性当前节点的父级节点。

<script>window.onload = function() {var aA = document.getElementsByTagName('a');for (var i=0; i<aA.length; i++) {aA[i].onclick = function() {/*元素.parentNode : 只读 属性 当前节点的父级节点*/this.parentNode.style.display = 'none';}}}</script></head><body><ul id="ul1">        <li>11111 <a href="javascript:;">隐藏</a></li>        <li>22222 <a href="javascript:;">隐藏</a></li>        <li>33333 <a href="javascript:;">隐藏</a></li>        <li>44444 <a href="javascript:;">隐藏</a></li>    </ul></body>

元素.offsetParent : 只读属性离当前元素最近的一个有定位属性的父节点

如果没有定位父级，默认是body

alert( oDiv3.offsetParent.id );

ie7以下，如果当前元素没有定位默认是body，如果有定位则是html

#div2 {background: green; position:relative;}alert( oDiv3.offsetParent.tagName );

ie7以下，如果当前元素的某个父级触发了layout，那么offsetParent就会被指向到这个触发了layout特性的父节点上

#div2 {background: green; zoom: 1;}alert( oDiv3.offsetParent.id );//layout/*alert( document.getElementById('div2').currentStyle.hasLayout );*/

示例代码：

<style>div {padding: 40px 50px;}#div1 {background: red;}#div2 {background: green;}#div3 {background: orange;}</style><script>window.onload = function() {var oDiv3 = document.getElementById('div3');//parentNode : 父节点//alert( oDiv3.parentNode.id );//layout/*alert( document.getElementById('div2').currentStyle.hasLayout );*/alert( oDiv3.offsetParent.id );}</script></head><body id="body1"><div id="div1">    <div id="div2">        <div id="div3"></div>        </div>    </div></body>


                                                     0        0           	
					
					   JS DOM之父节点
	  	   js之DOM操作（访问父节点parentNode）
	  	   JS(六)DOM模型之节点
	  	   Js DOM 节点
	  	   js操作dom节点
	  	   js-DOM 节点
	  	   js操作DOM节点
	  	   js操作dom节点
	  	   JS操作DOM节点
	  	   js操作dom节点
	  	   js DOM节点
	  	   Js DOM节点属性
	  	   JS DOM 节点
	  	   js,dom节点查找
	  	   JS DOM节点
	  	   JS获取DOM节点
	  	   【面向JS--DOM节点】
	  	   js之DOM操作（访问兄弟节点）
	     		  
	  	   JAVA_WEB工具类---属性工具类
	  	   问题 K: 序列的区间操作【区间加法】【思维】【数学】
	  	   hibernater Eclipsep配置
	  	   设计模式---备忘录模式（C++实现）
	  	   城市交通的“最强大脑” ——“公交调度应急指挥平台”为“两会”保驾护航
	  	   JS DOM之父节点
	  	   nodeJs安装和配置
	  	   Activity
	  	   关于Ubuntu使用Genymotion的问题
	  	   iOS 多级下拉菜单
	  	   【linux】history命令详解
	  	   输入一个年份，判断是否是闰年
	  	   一个简单的字符串前补0的方法
	  	   STL 算法

湖北关键词优化外包

原创粉丝点击