JS怎么获取div(高度和宽度都已设置百分比,继承父级)的height并应用于该div的line-height;

JS怎么获取div(高度和宽度都已设置百分比,继承父级)的height并应用于该div的line-height;,第1张

给div设置一个id或者class:

html部分:

<div id="mydiv"></div>

js部分:

<script>

//获取mydiv

var mydiv=documentgetElementById("mydiv");

//获取#mydiv的高度

var divheight=mydivstyleheight;

//设置mydiv行高

mydivstylelineHeight=divheight;

</script>

设置子div的margintop为高度差的一半,如果子div的高度由内容填充,可以用js控制,子div加载完成后获取它的高度,再设置margintop为高度差的一半,如果margin塌陷了,即设置margin无效,则设置父div的overflow为hidden

<html>

<head>

<script type="text/javascript">

windowonload = function(){//网页加载完毕后自动运行

  var divs = documentgetElementsByTagName("div");//取得所有div

for(var i = 0;i < divslength;i++){//遍历数组

var div  =  divs[i];//根据下标从数组中取得一个节点元素

if(divclassName == "name"){//如当前div的类名是name

var p = divparentNode;//取得当前节点的父节点

if (pclassName == "right_con_div"){//如果父节点的类名是right_con_div

phidden = "" == divinnerTexttrim();//如果当前节点没内容就隐藏,否则就显示

}

}

}

};

</script>

</head>

<body>

<div class="right_con_div" id="nodiv">

<div class="name"></div>

<p>这里有了</p>

</div>

<div class="right_con_div"><!-- id="nodiv" 不要重复使用相同id -->

<div class="name">小明</div>

<p>这里有了</p>

</div>

</body>

</html>

jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的 background-color 值:

$("p")css("background-color");

父级的同级元素的子标签的css样式如下:

//eq(0)表示选择匹配到多个元素中的第一个

$("target")parent()siblings()eq(0)children()eq(0)

documentgetElementById(“c28“)checkednbsp;直接查找id=c28这个节点nbsp;documentallc28checkednbsp;也可以nbsp;windowform28c28checkednbsp;这个我发现也行,window可以省略,nbsp;不过必须是按照这个格式,layer之类的不能写这三个在IE上是通过的,其它浏览器不清楚我很认真的回答,希望投个票吧!

以上就是关于JS怎么获取div(高度和宽度都已设置百分比,继承父级)的height并应用于该div的line-height;全部的内容,包括:JS怎么获取div(高度和宽度都已设置百分比,继承父级)的height并应用于该div的line-height;、如何把一个div 在它的父级div内,纵向居中、求JS大神们给一段简单的js判断div隐藏父级div等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9276030.html

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

发表评论

登录后才能评论

评论列表(0条)

保存