<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
onload = function() {
//1. 이미 있는 요소에 속성 추가(변경)
document.getElementById("img1").setAttribute("src","../images/bart.jpg");
```
//2. 새 요소를 만들어서 추가(img)
var imgElement = document.createElement("img");
imgElement.src = "../images/bart.jpg";
imgElement.alt = "구글 사진";
imgElement.width = 200;
document.body.appendChild(imgElement);
}
```
</script>
</head>
<body>
<img id="img1">
<br>
</body>
</html>
