怎么取到子div的相对父元素高度

怎么取到子div的相对父元素高度,第1张

举例如下:

1高度采用auto;

<div style="height:auto;width:800px;">

<div style="width:780px;margin:0 auto; height:1000px;">

这里是子集内容,子集内容采用的是宽度780px,高度1000px,并且居中对齐;

</div>

<p>这是父级内容,宽度为800px,高度自适应</p>

</div>

2 高度不设置;如:

<div style="width:800px;">

<div style="width:780px;margin:0 auto; height:1000px;">

这里是子集内容,子集内容采用的是宽度780px,高度1000px,并且居中对齐;

</div>

<p>这是父级内容,宽度为800px</p>

</div>

jquery中parent()可以获取父级元素,所以获得某元素父级的父级可以使用

$(selector)parent()parent();

示例如下

创建Html代码及css样式

<div class="class1">

class1

<div class="class2">

class2

<div class="class3">

class3

</div>

</div>

</div>

div{padding:10px 20px;border:4px solid #ebcbbe;}

divclass1{width:200px;height:120px;}

编写jquery代码

$(function(){

$("divclass3")click(function() {

obj = $(this)parent()parent();

alert(objprop('class'));

});

})

字符串有length属性,是获取字符串的长度

数组也有length属性,是获取数组的长度。

jquery对象是类数组对象,可以直接使用数组的相关方法,也可以使用 $('div')size() 来获取元素数量

别搞混了

js找一个子元素的父元素:

<!DOCTYPE html><html><head>

<meta charset="utf-8">

</title>    <script type="text/javascript">    function deleteElement(Obj)

{        ObjparentNodeparentNoderemoveChild(ObjparentNode);    }    </script></head>

<body>     <ul class="list2" ><li ><img alt="" src="1jpg" /><div>mingzi1</div>

<a onclick="deleteElement(this)">删除</a></li><li ><img alt="" src="2jpg" />

<div>mingzi2</div><a onclick="deleteElement(this)">删除</a></li><li >

<img alt="" src="3jpg" /><div>mingzi3</div><a onclick="deleteElement(this)">删除</a>

</li></ul></body></html>

删除一个父元素下面的所有子元素:

documentgetElementById("ok")innerHTML = "";

删除其中的一个:

documentgetElementById("ok")remove(documentgetElementById("ok")children(i));

//删除id为"ok"下的第i-1个子元素

以上就是关于怎么取到子div的相对父元素高度全部的内容,包括:怎么取到子div的相对父元素高度、jquery中怎样根据父级找元素、javascript 怎么获取父元素的子元素个数呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9430511.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存