반응형

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

반응형

'Develop > JavaScript/CSS' 카테고리의 다른 글

Javascript로 CSS 추가  (0) 2023.11.07
a태그안에 a태그  (1) 2020.10.26
CSS - Selector, Combinators(선택자, 결합자(space, >, +, ~))  (0) 2020.01.22

+ Recent posts