获取javascript中的css高度
我正面临一个相当愚蠢的问题。我在不同的css类(height1、height2等)中定义了一些div,它们具有不同的高度css属性。对于另一个函数,我需要在JS变量中以整数的形式获取此高度,但每当我尝试时,就会得到一个null或unknown,控制台会说“unknown property‘box size’。声明已删除。”(box1、box2等是div的id)我尝试了.css函数,我尝试了.width()函数和style.height,我不知道还有什么,似乎没有任何效果获取javascript中的css高度,javascript,jquery,css,Javascript,Jquery,Css,我正面临一个相当愚蠢的问题。我在不同的css类(height1、height2等)中定义了一些div,它们具有不同的高度css属性。对于另一个函数,我需要在JS变量中以整数的形式获取此高度,但每当我尝试时,就会得到一个null或unknown,控制台会说“unknown property‘box size’。声明已删除。”(box1、box2等是div的id)我尝试了.css函数,我尝试了.width()函数和style.height,我不知道还有什么,似乎没有任何效果 .dragableBox
.dragableBox{
width:170px;
border:1px solid #000;
background-color:#FFF;
margin-bottom:5px;
padding:10px;
font-weight:bold;
text-align:center;
.hoehe1{
height:40px;
}
.hoehe2{
height:20px;
}
.hoehe3{
height:70px;
}
.hoehe4{
height:10px;
}
.hoehe5{
height:15px;
}
.hoehe6{
height:20px;
}
.hoehe7{
height:25px;
}
<div class="dragableBox hoehe1" id="box1">Box1</div>
<div class="dragableBox hoehe2" id="box2">Box2</div>
<div class="dragableBox hoehe3" id="box3">Box3</div>
<div class="dragableBox hoehe4" id="box4">Box4</div>
<div class="dragableBox hoehe5" id="box5">Box5</div>
<div class="dragableBox hoehe6" id="box6">Box6</div>
<div class="dragableBox hoehe7" id="box7">Box7</div>
<div class="dragableBox hoehe4" id="box8">Box8</div>
我确信这是有原因的,为什么我不能正确地使用它,但我似乎找不到它。(.css文件是外部的,但应该不会有问题,对吗?)
提前谢谢。
致以最良好的祝愿
编辑:对不起,我发现了这个错误,这是一个非常愚蠢和小的发现。无论如何,谢谢大家!试试这个:
var divAWidthNumber = $( '#box1' ).css( "width" );
或者,可能是浏览器的问题?您的代码在JSFIDLE上运行得很好…试试以下方法:
var divAWidthNumber = $( '#box1' ).css( "width" );
或者,可能是浏览器的问题?您的代码在JSFIDLE上运行得很好…应该是吗
var divAWidthNumber = $('#box1').height();
而不是“宽度”?应该是吗
var divAWidthNumber = $('#box1').height();
不要用“宽度”?试试
var divAWidthNumber=$('#box1').css('width');
试试var divAWidthNumber=$('#box1').css('width');
要获得元素的完整高度,包括填充和边距,请使用以下命令:
var divAWidthNumber = $('#box1').outerHeight();
要获取元素的完整高度(包括填充和边距),请使用以下命令:
var divAWidthNumber = $('#box1').outerHeight();
你确定你引用了jQuery/没有其他错误吗?因为你的代码工作正常:-你可能还想检查一下:检查dragableBox右括号是否在那里。在你发布的代码中,它不是'when/where/how'you calling
var divAWidthNumber=$('#box1')。width()
?括号已关闭,我有jquery 1.10.1,首先我希望看到警报('height'+divAWidthNumber);抱歉,一切正常,找到了错误,谢谢!您确定引用了jQuery/没有其他错误吗?因为您的代码工作正常:-您可能还想检查一下:检查dragableBox右括号是否在那里。在您发布的代码中,它不是'tWhen/where/how you callingvar divAWidthNumber=$('#box1')。width()
?括号已关闭,我有jquery 1.10.1,首先我想查看警报('height'+divAWidthNumber);很抱歉,一切正常,发现错误,谢谢!要获取填充和边距,应该显式设置布尔值:outerHeight(true)要获取填充和边距,应该显式设置布尔值:outerHeight(true)是的,它应该是:D。我只是沮丧,写的是宽度而不是高度:啊,它应该是:D。我只是沮丧,写的是宽度而不是高度:D