Наследование свойств элементов в DOM
 

Где-то прочитал, что элементы DOM наследуют свойства от своих предков. И действительно, здесь спан s3 внутри дива отображается красным цветом, который он наследует от дива.

<div style="color: red"> див <span> спан <span id ="s3"> вложенный</span></span></div>

Почему же

alert(s3.style.color);

не выдает "red"? :blink:

И вообще как узнать какое значение свойства элемент DOM унаследовал от своего родителя?

Krjemelik, потому что у элемента не задан такой атрибут. Узнать, какой цвет применяется к элементу, можно так:

alert(window.getComputedStyle(document.getElementById('s3'), null).color);

Интересненько. Спасибо. Хотя все-таки не понятно почему у элемента отсутствует такой атрибут. По идее, если он наследуется, он должен брать свое значение прототипе. Видимо, слово "наследование" примяняется к свойтсвам и атрибутам не в том смысле, в каком это слово употребляется в JavaScript. :-?

Вот не надо предположений и выводов, высосанных из пальца, на всеобщее обозрение-половина просмотревших возьмёт на вооружение .
тяжело в гугл забить и прочитать почему и как? Да и учебник, статьи на сайте есть.