자바스크립트로 스타일을 줄때는 아래의 구문처럼 사용한다.
변수.style.스타일옵션 = "옵션값";
스타일 옵션값이 background-color 처럼 ' - '가 들어가면 카멜법으로 표기해야한다.
<!DOCTYPE html>
<html>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<script>
var lis = document.getElementsByTagName('li');
for(var i=0; i < lis.length; i++){
lis[i].style.backgroundColor='blue';
}
</script>
</body>
</html>
반응형
'JAVASCRIPT' 카테고리의 다른 글
| JAVASCRIPT ) Element 속성 API (0) | 2024.07.15 |
|---|---|
| JAVASCRIPT ) DOM 제어대상 선택자 (0) | 2024.07.15 |
| JAVASCRIPT ) 숫자판 예제 (0) | 2024.07.10 |
| JAVASCRIPT ) .length (0) | 2024.07.10 |
| JAVASCRIPT ) 진수 표현법 (0) | 2024.07.09 |
