티스토리 뷰

DOM with JS

 

[index.html]

<!DOCTYPE html>
<html>
  <head>
    <title>Sample</title>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body>
      <h1 id="title">This works!</h1>
      <script src="index.js"></script>
  </body>
</html>

[index.js]

const title = document.getElementById("title"); 
title.innerHTML = "Hi from js"; // title의 내용이 바뀐다. 
console.dir(title);

console.dir(title); 

console.dir(title); 를 입력하면 title객체의 property를 전부 확인 할수있다.

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함