Получить / установить значения свойств CSS через Javascript: вопросы
Некоторые вещи мне непонятны:
var myDiv = document.getElementById("myDiv");
var computedStyle = window.getComputedStyle(myDiv);
1) Невозможно напрямую получить глобальный цвет границы элемента div, если имеется только один цвет, одинаковый для каждой стороны:
computedStyle.getPropertyValue("border-color");
Вместо того, чтобы делать:
computedStyle.getPropertyValue("border-left-color");
ИЛИ ЖЕ
computedStyle.getPropertyValue("border-right-color");
ИЛИ ЖЕ
computedStyle.getPropertyValue("border-top-color");
...
2) Имея свойства стиля в файле CSS, они доступны только через метод getComputedStyle, а не через свойство стиля, такое как свойства стиля, определенные внутри строки, через атрибут стиля в div, верно?
myDiv.style.getPropertyValue("border-left-color");
Это не будет работать.
3) Если мы хотим установить свойство стиля, мы должны использовать атрибут стиля элемента, не возможно ли использовать вычисляемый объект стиля?
computedStyle.setProperty("border-color", "yellowgreen", null);
Я думал, что использование атрибута стиля - это «старый способ сделать», например, использование атрибута встроенного стиля или использование object.style.property = & quot; value & quot; установить свойство стиля в Javascript.
Благодарю.
jsFiddle:http://jsfiddle.net/pgtFR/12/