728x90
<!DOCTYPE html>
<head>
<style>
</style>
</head>
<body>
<button type="button" onclick="ch()">button</button>
<hr>
<ul>
<li>I (<span>love</span>) you.</li>
<li>공부(<span>필수</span>)</li>
</ul>
<script>
let n = "hidden";
function ch() {
if (n == "hidden") {
n = "visible";
}
else {
n = "hidden";
}
let v = document.querySelectorAll('span');// 배열
for (let i of v) {
i.style.visibility = n;
}
}
</script>
</body>
</html>
728x90
'Language > JavaScript' 카테고리의 다른 글
| [JavaScript] ES6 (0) | 2024.04.22 |
|---|---|
| [JS] 버블링, 캡처링 / preventDefault() (0) | 2024.04.12 |
| [JS] 함수 사용법 (0) | 2024.04.05 |
| [JS] 문제 자동생성, 10초가 지나면 자동채점 (0) | 2024.04.04 |
| [JS] 종합복습(문서객체이벤트) (3) | 2024.04.04 |