chapter04 : DOM생성

WEB.JS/08.DOM_JS

chapter04 : DOM생성

GAWON 2023. 5. 23. 09:15

<!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>