- first
- second
- third
function setColor() {
let li=document.getElementsByClassName("changeColor");
for(let i=0; i<li.length; i++){
li[i].style.color="pink";
li[i].style.backgroundcolor="red";
}
}
// <body>
<ul>
<li class="changeColor">first</li>
<li>second</li>
<li class="changeColor">third</li>
</ul>
<button type="button" onclick="setColor()">click</button>'box > javascript+' 카테고리의 다른 글
| getElementsByTagName("태그명") (0) | 2022.07.03 |
|---|---|
| getElementById("id명") (0) | 2022.07.02 |
| form 이벤트 - onfocus / onblur (0) | 2022.06.30 |
| 프레임/객체 이벤트 - onload (0) | 2022.06.30 |
| 키보드 이벤트 - keyup (0) | 2022.06.30 |