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/ 태그로 선언 된 스타일은 으로 계산되지만 style 요소의 값이 아니기 때문에 elem.style에 영향을 미치지 않습니다. <sometag style="..."> 만 elem.style에 영향을 미칩니다. 을 스타일로 계산하려면 window.getComputedStyle(elem)을 사용해보세요. 의