jQuery- .css () не работает для входа

Question

Это должно быть действительно простой проблемой, но я не могу понять, что я делаю неправильно.Я пытаюсь получить доступ к CSS-свойству 'border-bottom' следующим образом:

var temp = $('#divName').css('border-bottom');

К сожалению, после этого temp содержит строку ""

Кто-нибудь знает, почему это не так?работать или что я должен сделать по-другому, чтобы заставить его работать?Спасибо.

Answer 1

Стили должны быть более конкретными. Поскольку border-bottom является кратким свойством для других свойств (аналогично background, чтобы назвать общее), свойство должно быть задано явно.

var elem = $('#divName');
var border_width = elem.css('border-bottom-width');
var border_color = elem.css('border-bottom-color');
var border_style = elem.css('border-bottom-style');
var border_bottom = border_width + " " + border_color + " " + border_style;

Скрипка: http://jsfiddle.net/6wRj4/
См. Также: MDN: border-bottom сокращение .

Answer 2

Убедитесь, что $ ('# divName') выбирает один элемент. Вы можете использовать синтаксис массива для объекта jquery, чтобы вернуть базовый объект DOM. Вы также должны проверить (например, с помощью Firebug), чтобы убедиться, что элемент DOM, на который вы смотрите, имеет стиль, который вы ищете.

Если обе эти вещи работают правильно, вы можете попробовать использовать более детализированные свойства границ: border-bottom-style, border-bottom-width и т. Д.

Answer 3

Попробуйте с document.getElementById("divName").style.borderBottom;.