D01_dom_태그 - 태그1_개념_id

• 죄다  암기다. 프론트엔드
• 이해 없는 암기 
• 나 이런거 싫어하느데..ㅋㅋ

---

•  js - dom
• 화면을 제어한다. 
• 태그를 제어한다. 
• 1 - 태그를 선택한다.
• 2 - 태그를 제어한다. 

---

D01_dom_태그

태그1_개념_id

태그1_개념01_id로선택.html

---

태그1_개념02_없는id로선택.html

---

태그1_개념03_id여러개선택불가.html

---

태그1_개념04_id로선택_값출력.html

---

• 태그를 제어할 수 있다. 
• $a.innerHTML = "hello"; 

태그1_개념05_id로선택_값변경.html

---

• <p id="test">getElementById() </p> 
• 이것은 화면에 출력이 된다.

 

• p태그를 script에 가져오고 싶어서 변수를 설정하는 것이다. 
•  let $a = document.getElementById("test");
  • 변수를 지정한것. 
  • $a 
    • 일반 변수 지정이랑 햇갈리니까.
    • 스크립트 밖에서 태그를 가져올때 구분할려고 적는것.
    • 실무에서 
  • 변수를 지정한 이유는. 콘솔창에 띄우고 싶기 때문에. 우선 변수를 먼저 지정한 것이다. 
• console.log($a);

 

• document는 현재 웹페이지 자체를 의미합니다.
• document.getElementById("test")는
  ➤ 문서(document)에서 id가 "test"인 요소를 가져와라는 뜻이에요.

 

• document.write()는 웹 페이지에 직접 글씨를 쓰는(출력하는) 함수입니다.

 

• document.getElementById("test");
  • 출력이 아니라 "선택"하는 동작입니다.
    웹 페이지에 뭐가 보이지는 않아요.
    그걸 변수에 저장하고 나서 → 그 다음에 뭔가 작업(console.log, 글씨 바꾸기 등)을 하는 거예요.

---

태그1_문제01_id로선택_값출력.html

---

태그1_문제02_id로선택_값변경.html