html페이지에서 id갑을 체크하여 출력 할려합니다 채택완료
ㅐ늑대ㅐ
2년 전
조회 1,952
html페이지에서 id갑을 체크하여 div에 style="display:block;"추가하 할려합니다
주소창에서 id=1일대 display:block;하고 나머지는 display:none;로 하게 할려고 합니다
<div class="list_1" style="display:block;"></div>
<div class="list_2" style="display:none;"></div>
<div class="list_3" style="display:none;"></div>
<div class="list_4" style="display:none;"></div>
php페이지 아니고 html페이지입니다
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
2년 전
</p>
<p><div class="list_1"></div>
<div class="list_2"></div>
<div class="list_3"></div>
<div class="list_4"></div>
<script>
n = location.href.split("?id=")[1];
for (i = 1; i <= 4; i++) document.querySelector(".list_" + i).style.display = "none";
document.querySelector(".list_" + n).style.display = "block";
</script></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
</p>
<p><script>
// URL에서 id 값을 가져옵니다.
var id = window.location.href.split('?')[1].split('=')[1];
// id 값에 해당하는 div의 스타일을 변경합니다.
if (id === '1') {
document.getElementById('list_1').style.display = 'block';
} else {
document.getElementById('list_1').style.display = 'none';
}
if (id === '2') {
document.getElementById('list_2').style.display = 'block';
} else {
document.getElementById('list_2').style.display = 'none';
}
if (id === '3') {
document.getElementById('list_3').style.display = 'block';
} else {
document.getElementById('list_3').style.display = 'none';
}
if (id === '4') {
document.getElementById('list_4').style.display = 'block';
} else {
document.getElementById('list_4').style.display = 'none';
}
</script></p>
<p><div id="list_1" class="list_1" style="display:none;">List 1</div>
<div id="list_2" class="list_2" style="display:none;">List 2</div>
<div id="list_3" class="list_3" style="display:none;">List 3</div>
<div id="list_4" class="list_4" style="display:none;">List 4</div>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
ㅐ늑대ㅐ
2년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
제가 질문 잘 못햇네요
div않에 id 가 아니고 주소창에 id갑 으로 체크 할겨 합니다.
https://sir.kr/index.php?id=1