<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
```
onload = function(){
//클래스명이 "ex"인 요소들의 글자 색을 빨간색으로 변경
var list = document.getElementsByClassName("ex"); //복수(배열)
//스타일 주는 방법1 : 요소.style.속성 = 값
//스타일 주는 방법2 : 속성 추가 함수 사용
for (var i = 0; i < list.length; i++) {
list[i].style.color = "red";
list[i].setAttribute('style','color : blue');
}
}
```
</script>
</head>
<body>
<div>
<h1>DOM</h1>
<P class="ex">Document</P>
<P class="ex">Object</P>
<p>Model</p>
```
</div>
```
</body>
</html>
