자주 사용하는 Javascript HTML DOM Methods
개인적으로 개발하면서 자주사용하는 기본적인 JavaJavascript HTML DOM Methods 들이다.
이런게 있다로 정리만하고, 예제 사이트들이 충분히 많아 사이트로 대체.
1. document.getElementById(id);
일치하는 id 속성을 가진 요소를 찾는 문법.
developer.mozilla.org/ko/docs/Web/API/Document/getElementById
2. document.querySelector(selectors);
html 태그 및 생성한 CSS 클래스명으로 요소를 찾는 문법 (성능 문제 발생)
developer.mozilla.org/ko/docs/Web/API/Document/querySelector
3. document.getElementsByTagName(name);
html 태그로 요소를 찾는 문법
developer.mozilla.org/ko/docs/Web/API/Document/getElementsByTagName
4. document.getElementsByClassName(names)
태그의 클래스명으로 요소를 찾는 문법
developer.mozilla.org/ko/docs/Web/API/Element/getElementsByClassName
5. element.classList;
요소에 적용된 클래스들을 반환, add, remove, contains 이외 여러 문법을 사용할 수 있다.
developer.mozilla.org/ko/docs/Web/API/Element/classList
6. node.parentNode
선택한 요소의 부모 Node(html태그)를 선택할 수 있다.
developer.mozilla.org/en-US/docs/Web/API/Node/parentNode
7. node.childNodes;
선택한 요소의 자식 Node(html태그)를 선택할 수 있다.
developer.mozilla.org/en-US/docs/Web/API/Node/childNodes
8. element.tagName;
선택한 요소의 태그명을 가져올 수 있다.