Niektóre rzeczy są dla mnie niejasne:

var myDiv = document.getElementById("myDiv");
var computedStyle = window.getComputedStyle(myDiv);

1) Czy nie można bezpośrednio uzyskać globalnego koloru obramowania div, jeśli jest tylko jeden kolor, taki sam dla każdej strony:

computedStyle.getPropertyValue("border-color");

Zamiast robić:

computedStyle.getPropertyValue("border-left-color");

LUB

computedStyle.getPropertyValue("border-right-color");

LUB

computedStyle.getPropertyValue("border-top-color");

...

2) Gdy masz właściwości stylu w pliku CSS, są one dostępne tylko za pomocą metody getComputedStyle, a nie za pośrednictwem właściwości stylu, takich jak właściwości stylu zdefiniowane w wierszu, za pomocą atrybutu stylu w div, mam rację?

myDiv.style.getPropertyValue("border-left-color");

To nie zadziała.

3) Jeśli chcemy ustawić właściwość stylu, musimy użyć atrybutu style elementu, czy nie jest to możliwe przy użyciu obliczonego obiektu stylu?

computedStyle.setProperty("border-color", "yellowgreen", null);

Myślałem, że użycie atrybutu style to „stary sposób na zrobienie”, na przykład użycie atrybutu stylu inline lub użycie object.style.property = „value”, aby ustawić właściwość stylu w Javascript.

Dzięki.

jsFiddle:http://jsfiddle.net/pgtFR/12/