JAVASCRIPT ) 자바스크립트로 스타일 주기

JAVASCRIPT

JAVASCRIPT ) 자바스크립트로 스타일 주기

Hweb 2024. 7. 15. 11:38

자바스크립트로 스타일을 줄때는 아래의 구문처럼 사용한다.

변수.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>