PangYeon`s IT Log

개인적으로 개발하면서 자주사용하는 기본적인 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;

선택한 요소의 태그명을 가져올 수 있다.

developer.mozilla.org/ko/docs/Web/API/Element/tagName