доступ к содержимому класса с помощью js

Question

Мне нужно знать содержимое класса с помощью js. , например: -

<p style='visibility:hidden'>hello !</p> 

, если мы написали

alert(document.getElementsByTagName('P')[0].style.visibility) 

он будет возвращается "hidden", НО если мы писали

<p class='peter'>hello !</p> 
<style>.peter{visibility:hidden}</style> 

он будет возвращается "". !!!!

Answer 1

elem.style относится к его атрибуту HTML style, а не к его вычисленному стилю. Таким образом, стили, объявленные с тегом <style></style> или тегом <link/, будут вычислено, но они не повлияют на elem.style, так как они не являются атрибутом атрибута style. Только <sometag style="..."> повлияет на elem.style. Чтобы получить стиль, попробуйте использовать window.getComputedStyle(elem).