JS关闭当前父级div

代码：

1 <img src="img/diagram.png" onclick="javascript:this.parentNode.parentNode.removeChild(this.parentNode);"/>

找到其父级的父级，用removeChild()方法移除父级div。

1 <img alt=‘‘ onclick="javascript:this.parentNode.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode.parentNode);"  src="img/diagram.png" />

这是找到其父级的父级的父级，移除掉父级的父级。

时间： 2024-10-13 22:14:42

JS关闭当前父级div的相关文章

<转载>如何解决子级用float浮动父级div高度不能自适应的问题

转载:http://www.kwstu.com/ArticleView/divcss_2013101582430202 解决子级对象使用css float浮动而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法. 最外层的父级DIV不能自适应高度-不能随对象撑开没有高度当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因. 如何解决父div对象自适应高度,方法有三种,接下来DIVCSS5逐一介绍. 1.首先我们先看HTML

解决子级用css float浮动而父级div没高度不能自适应高度

解决子级对象使用css float浮动而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法. 最外层的父级DIV不能自适应高度-不能随对象撑开没有高度当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因. 如何解决父div对象自适应高度,方法有三种,接下来DIVCSS5逐一介绍. 1.首先我们先看HTML源代码: <!DOCTYPE html> <html> <head> <meta cha

子级用css float浮动而父级div没高度不能自适应高度

子级对象使用css float浮动而父级div不能自适应高度. 对父级div标签闭合</div>前加一个clear清除浮动对象. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>父div不自适应高度实例</title> <style> .divcss5{width:500px;border:1px solid #0

css 实现左右div 等高, 同时父级div就是最高的子div的高度.

方法一: 通过父级overflow:hidden, 自己设置padding-bottom 和 margin-bottom来实现. 1 #wrap{ 2 overflow:hidden; 3 width:1000px; 4 margin:0 auto; 5 } 6 #left,#center{ 7 margin-bottom:-10000px; 8 padding-bottom:10000px; 9 } 10 #left{ 11 float:left; 12 width:250px; 13 ba

给父级DIV清除浮动

最近学习了float这个属性,float可以让元素浮动起来,浮动起来的元素脱离原来的排列层面(未完全脱离文档流),处于上方.float的确让元素的布局变得简单,但是也同样给浮动起来的元素地父级带来一些问题.子级元素浮动起来后,不再默认继承父级的宽高,而父级也检测不到子级的内容. 解决这个问题的方法就是给父级清除浮动. (1)给父级手动添加高度 (2)给父级添加overflow:hidden (3)给浮动的元素添加一个同级的标签,在标签内写clear:both: (4)给父级添加一个after的伪

父级div宽度100%,子级一个div宽度固定，另一个宽度自适应

<!DOCTYPE html> <html> <head> <title>布局测试</title> <style type="text/css"> /*第一种方式*/ .div-box1 { width: 100%; } .div1 { width: 100px; height: 100px; background-color: red; float: left; } .div2 { height: 100px;

清除浮动之父级div定义伪类:after和zoom

这是比较常用的一种清除浮动的方法,各大网站都在采用: <!Doctype html> <html> <head></head> <body> <style type="text/css"> .div1{background:#333;border:1px solid red;} .div2{background:#888;border:1px solid red;height:100px;margin-top:10

获取元素父级方法

1:parent();//获取元素的父级元素 <script type="text/javascript" src="jquery-1.11.1.js"></script> <script> $(function(){ $('span').parent().css('border','2px solid red');//获取到div元素 }) </script> </head> <body> &

转：iframe加载的子页面里面获取父级元素窗口以及元素的高度

iframe里的js要操作父级窗口的dom,必须搞懂几个对象: parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe) self是当前窗口(等价window) 父级页面:index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>父窗口<