자바스크립트 공부중인데요 안되는게 잇어서... 정보
자바스크립트 공부중인데요 안되는게 잇어서...본문
예제 소스를 그대로 타이핑해서 테스트 했는데
"숨겨진 텍스트를 보려면 여길 클릭"을 클릭해도 작동을 안하네요.
어디가 틀렸나요?
<!DOCTYPE html>
<html>
<head>
<style>
.reveal * {
display: none;
}
.reveal *.handle {
display: block;
}
</style>
<script>
window.onload = function(){
var elements = document.getElementsByClassName("reveal");
for(var i = 0; i < elements.length; i++){
var elt = elements[i];
var title = elt.getElementsByClassName("handle")[0];
title.onclick = function(){
if (elt.className =="reveal") elt.className = "revealed";
else if (elt.className == "revealed") elt.className = "reveal";
}
}
};
</script>
</head>
<body>
<div class="reveal">
<h1 class="handle"> 숨겨진 텍스트를 보려면 여길 클릭 </h1>
<p> 이 문단이 숨겨져 있음. 제목을 클릭하면 나타남 </p>
</div>
</body>
</html>
"숨겨진 텍스트를 보려면 여길 클릭"을 클릭해도 작동을 안하네요.
어디가 틀렸나요?
<!DOCTYPE html>
<html>
<head>
<style>
.reveal * {
display: none;
}
.reveal *.handle {
display: block;
}
</style>
<script>
window.onload = function(){
var elements = document.getElementsByClassName("reveal");
for(var i = 0; i < elements.length; i++){
var elt = elements[i];
var title = elt.getElementsByClassName("handle")[0];
title.onclick = function(){
if (elt.className =="reveal") elt.className = "revealed";
else if (elt.className == "revealed") elt.className = "reveal";
}
}
};
</script>
</head>
<body>
<div class="reveal">
<h1 class="handle"> 숨겨진 텍스트를 보려면 여길 클릭 </h1>
<p> 이 문단이 숨겨져 있음. 제목을 클릭하면 나타남 </p>
</div>
</body>
</html>
댓글 전체
크롬, 익스 9이상에선 제대로 동작하는 것 같습니다.
익스8을 포함한 이하 버전에선 getElementsByClassName 의 속성이나 메서드를 지원하지 않는다고 뜨네요..
익스8을 포함한 이하 버전에선 getElementsByClassName 의 속성이나 메서드를 지원하지 않는다고 뜨네요..
익스10인데 호환성 때문에 안되었네요 감사합니다.