Получить высоту CSS в JavaScript

0

Я сталкиваюсь с довольно глупой проблемой. У меня есть некоторые divs с разными атрибутами css для высоты, определенные в разных классах css (height1, height2 и т.д.). Для другой функции мне нужно получить эту высоту как целые числа в переменной JS, но всякий раз, когда я пытаюсь, m получает нуль или неизвестно, а консоль говорит "Размер окна" Неизвестное свойство ". Декларация отменена". (box1, box2 и т.д. являются идентификаторами div). Я попытался использовать функцию.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>

Это последнее, что я пробовал, что дает нуль.

var divAWidthNumber = $('#box1').width();

Я уверен, что есть причина, почему я не могу понять это правильно, но я не могу найти ее. (.css файл является внешним, но не должен быть проблемой, не так ли?)

Заранее спасибо. С наилучшими пожеланиями.

РЕДАКТИРОВАТЬ: ИЗБЕГАЙТЕ, Я НАШЕЛ ОШИБКУ, ЭТО БЫЛО ЧУВСТВУЮЩЕЕ МУЖНОЕ И МАЛОЕ НАХОДИТЬСЯ. СПАСИБО ВАС ВСЕГДА!

  • 0
    Вы уверены, что ссылались на jQuery / других ошибок нет? Поскольку ваш код работает нормально: jsfiddle.net/3M6hG - Также вы можете проверить это: stackoverflow.com/questions/15306923/…
  • 0
    Проверьте, есть ли закрывающая скобка dragableBox. В вашем опубликованном коде это не так
Показать ещё 3 комментария
Теги:

4 ответа

2

попробуй это:

var divAWidthNumber = $( '#box1' ).css( "width" );

или, может быть, проблема с браузером? ваш код работает отлично на jsfiddle...

1

Разве это не должно быть

var divAWidthNumber = $('#box1').height();

вместо "ширины"?

  • 0
    да, это должно быть: D. Я был просто расстроен и написал ширину вместо высоты: D
1

Попробуйте var divAWidthNumber = $('#box1').css('width');

1

Чтобы получить полную высоту элемента, включая отступы и поля, используйте это:

var divAWidthNumber = $('#box1').outerHeight();
  • 0
    Чтобы получить отступы и поля, вы должны явно установить логическое значение: outerHeight (true)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню