fontFamily 속성값이 왜 반환 안 될까요?
본문
<style>
#hz {font-family:verdana, sans-serif;}
</style>
<button onclick="homzzang()">클릭</button>
<div id="hz">홈짱닷컴 Homzzang.com</div>
<script>
function homzzang() {
var x = document.getElementById("hz").style.fontFamily;
alert(x);
}
</script>
https://codepen.io/sinbi/pen/ExWVwOy
클릭하면 현재 font-family 속성값이 반환돼야 하는데,
아무 값도 안 뜨네요. 왜 그런걸까요?
답변 4
<script>
function homzzang() {
var id = document.getElementById("hz");
var x = getComputedStyle(id).getPropertyValue("font-family");
alert(x);
}
</script>
감사합니다. 한방에 해결되네요. ㅎ
스타일로 선언된 속성이 적용된 html 태그를 자바스크립트에서 엘리먼트로 가져온 속성에서는 확인할 수 없는듯합니다
해당 페이지에 스타일로 선언한것을 정말 가져오고 싶다면
위의 스택오버플로우 글의 내용을 확인해보세요.
좋은 좌표 소개 감사합니다.
사노라가노라 님 코드가 직관적으로 한방에 해결되서, 아쉽게 채택은..^^;;
inline 아니더라도 jquery로 하면 됩니다
$("#hz").css("font-family");
$("#hz").css("font-size");
오~~, JQUERY로 하면 다 되나보군요.
답변 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
