브라우저에서는 HTML코드를 DOM(Document Object Model)이라는 객체 형태의 모델로 저장한다
따라서 DOM은 문서 객체 모델이다
그렇게 저장된 정보는 DOM Tree 라고 함.
따라서 HTML element는 Tree형태로 저장된다.
getElementById()
ID정보를 통해 찾을 수 있다.
document.getElementById("id");
document.getElementById("id").id;
document.getElementById("id").className;
document.getElementById("id").style.display = "none";
document.getElementById("id").innerText = "있어";
document.querySelector("div"); //첫번째 div를 찾아줌, 단 그냥 쓰면 태그로 검색, #붙이면 id
document.querySelector("body .nav-line-2"); //body 아래 nav-line-2
document.querySelector(".nav-line-2 > .nav-arrow"); //body 바로 아래 nav-arrow
querySelectorAll은 list 형태로 모든걸 다찾음
'JavaScript' 카테고리의 다른 글
JavaScript 문법 메모3 (0) | 2024.02.28 |
---|---|
Ajax 통신 (0) | 2024.02.22 |
Browser Event (0) | 2024.02.22 |
JavaScript 문법 메모2 (0) | 2024.02.22 |
JavaScript 문법 메모 (0) | 2024.02.22 |