Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Jquery返回CSS高度,不是计算的,而是声明的_Jquery_Html_Css - Fatal编程技术网

使用Jquery返回CSS高度,不是计算的,而是声明的

使用Jquery返回CSS高度,不是计算的,而是声明的,jquery,html,css,Jquery,Html,Css,我认为这可能是以前版本的jquery中的默认值,但是当我调用.css(“height”)和.height()时,它会返回计算出的高度,这不是我想要的-我只想要一个高度值,如果它是在css文件中为该元素专门声明的 比如,如果它没有在任何地方声明,也许它可以返回“auto”,就像有时在top和left中一样 例如,我的CSS如下所示: .element{ margin-left:5px; color:red; } .css(“左边距”)返回“5px”,而.css(“高度”)返回20

我认为这可能是以前版本的jquery中的默认值,但是当我调用
.css(“height”)
.height()
时,它会返回计算出的高度,这不是我想要的-我只想要一个高度值,如果它是在css文件中为该元素专门声明的

比如,如果它没有在任何地方声明,也许它可以返回
“auto”
,就像有时在top和left中一样

例如,我的CSS如下所示:

.element{
    margin-left:5px;
    color:red;
}
.css(“左边距”)
返回
“5px”
,而
.css(“高度”)
返回
20
,即使它没有特别设置


谢谢

浏览器会自动计算CSS的高度和宽度

例如,您可以在Chrome开发者工具(F12)中的“计算样式”选项卡中看到它们

和文件:

获取集合中第一个元素的当前计算宽度 匹配元素或设置每个匹配元素的宽度

.css(width)和.width()之间的区别在于后者 返回小于单位的像素值(例如,400),而前者 返回单位完整的值(例如,400px)

但是如果你想得到正确的CSS值,我建议不要使用jQuery

如果我们有HTML:

<div id="elem" style="height: auto"></div>
<div id="elem"></div>
如果我们有HTML:

<div id="elem" style="height: auto"></div>
<div id="elem"></div>
通用功能:

var height = function(elem){
      return $(elem).get(0).style.height === "" ? $(elem).height() : $(elem).get(0).style.height;
}

您只需向元素提供一个
id
,然后尝试以下代码:

if(document.getElementById(“元素”).style.height==null | | document.getElementById(“元素”).style.height==null){
警惕(“无高度”);
}否则{
警报(document.getElementById(“元素”).style.height);
}
.element{
宽度:100%;
颜色:红色;
单词break:打破一切;
}

Lorem ipsum dolor sit amet,是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、,
扫描电镜。这是一个很好的例子。Donec pede justo、fringilla vel、aliquet nec、vulputate eget、arcu。在埃尼姆·胡斯托、朗卡斯·乌特、伊佩拉、维尼那提斯·维塔、胡斯托。猫咪的口头禅是一种很好的口头禅。整数tincidunt。克拉斯·达皮布斯。维瓦摩斯
三色元素。埃尼安·沃普塔特·埃利芬德·泰勒斯。埃尼安·利古拉、波特提托·欧盟、康塞卡特·维泰、埃利芬德·ac、埃尼姆。阿利奎姆·勒姆·安特、达比布斯·安特、维韦拉·奎斯、费吉亚·阿泰勒斯。长生不老不老。奎斯克·鲁特罗姆。
埃涅亚饮食。奥古斯一世。乌兰科乌尔里西斯库拉比图尔酒店。南乙对。艾蒂安·朗库斯。时间之美,调味品之美,自由之美,平等之美。布朗迪特南奎姆努克酒店
威尔,卢克图斯·普维纳尔,亨德雷特·艾德,洛雷姆。这是一个非常重要的时刻。不要为威尼斯人的自由而浪费生命。纳拉姆·奎斯·安特。我坐在那里,或者我坐在那里。杜伊斯·利奥。塞德·弗林斯·莫里斯坐在阿梅特·尼布旁边。
大矢状背根。塞德·康塞卡特、利奥·埃吉特·比本杜姆·索达莱斯、奥古斯·维利特·库苏斯·努克、,

您也可以使用类名在JavaScript中完成。 例如:

alert(document.getElementsByClassName("YourClassName")[0].style.height)

它将提醒高度的实际值,而不是返回计算的高度。

似乎是这个问题的重复:不是重复的问题。但是,答案之一似乎就是回答这个问题。问题是,如果没有内联样式集,或者样式表中没有样式集,那么它应该返回“auto”。我把你的密码放在一个文件夹里。使用
.get(0).style
时,它仅在内联设置时返回某些内容。使用jQuery的
.height()
,它返回计算值。