테스트 사이트 - 개발 중인 베타 버전입니다

fontFamily 속성값이 왜 반환 안 될까요? 채택완료

sinbi 4년 전 조회 3,714

</p>

<p><style>

#hz {font-family:verdana, sans-serif;}

</style></p>

<p><button onclick="homzzang()">클릭</button>

<div id="hz">홈짱닷컴 Homzzang.com</div></p>

<p><script>

function homzzang() {

  var x = document.getElementById("hz").style.fontFamily;

  alert(x);

}

</script></p>

<p>

https://codepen.io/sinbi/pen/ExWVwOy

 

클릭하면 현재 font-family 속성값이 반환돼야 하는데, 

아무 값도 안 뜨네요. 왜 그런걸까요? 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sinbi
4년 전
감사합니다. 한방에 해결되네요. ㅎ

댓글을 작성하려면 로그인이 필요합니다.

4년 전

inline 아니더라도 jquery로 하면 됩니다

 

$("#hz").css("font-family");

 

$("#hz").css("font-size");

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sinbi
4년 전
오~~, JQUERY로 하면 다 되나보군요.
답변 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

4년 전

스타일로 선언된 속성이 적용된 html 태그를 자바스크립트에서 엘리먼트로 가져온 속성에서는 확인할 수 없는듯합니다

해당 페이지에 스타일로 선언한것을 정말 가져오고 싶다면

 

https://stackoverflow.com/questions/21607026/how-to-get-a-style-property-from-style-tag-in-javascript

 

위의 스택오버플로우 글의 내용을 확인해보세요.

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
sinbi
4년 전
좋은 좌표 소개 감사합니다.
사노라가노라 님 코드가 직관적으로 한방에 해결되서, 아쉽게 채택은..^^;;

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
4년 전

테스트해보니, 인라인 스타일 방식일 때만 반환되네요.

내부스타일/외부스타일 방식일 땐 반환이 안 되나봐요.

https://codepen.io/sinbi/pen/gOmaXMZ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인