Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.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
获取javascript中的css高度_Javascript_Jquery_Css - Fatal编程技术网

获取javascript中的css高度

获取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

我正面临一个相当愚蠢的问题。我在不同的css类(height1、height2等)中定义了一些div,它们具有不同的高度css属性。对于另一个函数,我需要在JS变量中以整数的形式获取此高度,但每当我尝试时,就会得到一个null或unknown,控制台会说“unknown property‘box size’。声明已删除。”(box1、box2等是div的id)我尝试了.css函数,我尝试了.width()函数和style.height,我不知道还有什么,似乎没有任何效果

.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 calling
var divAWidthNumber=$('#box1')。width()
?括号已关闭,我有jquery 1.10.1,首先我想查看警报('height'+divAWidthNumber);很抱歉,一切正常,发现错误,谢谢!要获取填充和边距,应该显式设置布尔值:outerHeight(true)要获取填充和边距,应该显式设置布尔值:outerHeight(true)是的,它应该是:D。我只是沮丧,写的是宽度而不是高度:啊,它应该是:D。我只是沮丧,写的是宽度而不是高度:D