Document
- 웹 페이지 자체를 가리키는 객체로, HTML 요소에 접근하려면 반드시 이 객체를 통해서 접근
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 id="tit">오늘 <strong>날씨</strong>가 덥습니다</h1>
<script>
// HTML요소객체 접근
document.getElementById('tit');
console.log('h1요소객체 접근: ' + tit);
console.log(tit.innerHTML);
console.log(tit.innerText);
// innerHTML을 사용하고 여러분들이 원하는 내용을 할당 = '' 문자열 처리를 하신다음에 할당
tit.innerHTML = '<a href = "#"> DOM 배우는중</a>';
// tit.innerText = '<a href = "#"> DOM 배우는중</a>';
</script>
</body>
</html>
개발자 공부중