반응형
document.getElementById("{id}");
- 주어진 문자열과 일치하는
id 속성
을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환 - ID가 없는 요소에 접근하려면
Document.querySelector()
를 사용 - 찾으려는 id가 없으면
null
반환
document.querySelector("{css selector}");
document.querySelectorAll("{css selector}");
getElementId + innerHTML
Node Type
elements, text, comments
처럼 서로 다른 종류의 노드를 구별하는데 사용 가능
HTML Node 탐색
text를 포함하여 탐색할 수 있음
let divEl = documenlt.querySelector("div");
divEl;divEl.firstChild;
divEl.lastChild;divEl.childNodes;
divEl.nextSibling;
divEl.previousSibling;
HTML Element 검색
- text를 제외하고 검색
Node 생성과 추가
appendChild
document.createElement("div");
document.createTextNode("text");
element.appendChild();
반응형