1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE html> <html> <head> <title>자바스크립트</title> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <h1 id="title">This Works!</h1> <script src="index.js"> </script> </body> </html> | cs |
1 2 3 4 5 6 7 8 9 10 11 12 13 | const title = document.querySelector("#title"); // id="title"의 내용을 변경한다. title.innerHTML = "Hi! From JS"; // id="title"의 글씨 색상을 변경한다,. title.style.color = "red"; // title요소를 변경한다. document.title = "I JS"; // 콘솔로 출력한다. console.dir(title); | cs |
'JavaScript' 카테고리의 다른 글
| console 날짜, 시간 불러오기 (0) | 2019.07.22 |
|---|---|
| 버튼 이벤트설정하기 (0) | 2019.07.21 |
| 이미지클릭시 새창으로 원본이미지 보기 img태그이용 (0) | 2019.07.12 |
| 이미지를 클릭하면 경고창이 발생하는 이벤트를 작성해보자 (0) | 2019.07.11 |
| ⭑버튼을 form밖으로 빼기 (0) | 2019.05.30 |