요렇게 프로젝트를 생성해주자~~
html5를 선택해서 파일을 생성하자..
서버는 HTTP Preview로 사용하자~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" >
<title>HTML</title>
<style type="text/css">
div { background-color: fuchsia ;
margin-bottom: 5px;
}
</style>
</head>
<body>
<p id="p0"> 안녕하세요 </p>
<div id="div0" > 첫번째 div </div>
<div id="div1" style="background-color:yellow; height:50px; width:200px; ">
두 번째 div
</div>
<div id="div2" style="background-color:brown;"> 2 </div>
<script>
div0=document.getElementById("div0"); // Element를 찾아라
div0Text=div0.innerHTML; // Element의 TEXT
document.write(div0Text); // 현재위치에 write해라
//alert(div0Text); // 경고창을 띄어라
// p0의 text "안녕하세요" 를 div2안에 넣으세요 hint : getElement~, innerHTML
//1. p0을 찾는다.
p0=document.getElementById("p0");
//2. p0의 TEXT를 가져온다.
p0Text = p0.innerHTML;
//3. div2를 찾는다.
div2=document.getElementById("div2");
//4. div2의 TEXT에 p0의 TEXT를 넣는다.
div2.innerHTML = p0Text;
</script>
</body>
</html>
