dom관련(Document) javascript 함수 자주 쓸만한 함수 모음

1.셀렉트 관련

 

Document.createElement()주어진 태그명을 사용해 새로운 요소를 생성합니다.

Document.getElementsByClassName()주어진 클래스 이름을 갖는 요소의 목록을 반환합니다.

Document.getElementsByTagName()주어진 태그명을 갖는 요소의 목록을 반환합니다.

document.getElementById()주어진 ID를 가진 요소의 참조를 반환합니다.

document.querySelector()문서 내에서 주어진 선택자를 만족하는 첫 번째 Element를 반환합니다.

document.querySelectorAll()주어진 선택자를 만족하는 모든 요소의 NodeList를 반환합니다.

document.getElementsByName()주어진 이름을 갖는 요소의 목록을 반환합니다.

 

2.이벤트

 

GlobalEventHandlers.onchangechange 이벤트가 발생했을 때 호출할 코드를 나타내는 EventHandler.

GlobalEventHandlers.onclickclick 이벤트가 발생했을 때 호출할 코드를 나타내는 EventHandler.

GlobalEventHandlers.ondblclickdblclick 이벤트가 발생했을 때 호출할 코드를 나타내는 EventHandler.

GlobalEventHandlers.onkeydownkeydown 이벤트가 발생했을 때 호출할 코드를 나타내는 EventHandler.

GlobalEventHandlers.onkeyupkeyup 이벤트가 발생했을 때 호출할 코드를 나타내는 EventHandler.

GlobalEventHandlers.onloadend자원의 불러오기가 멈췄음을 나타내는 loadend 이벤트가 발생했을 때 호출할 코드를 나타내는 EventHandler.

GlobalEventHandlers.onscrollscroll 이벤트가 발생했을 때 호출할 코드를 나타내는 EventHandler.

GlobalEventHandlers.onsubmitsubmit 이벤트가 발생했을 때 호출할 코드를 나타내는 EventHandler.

GlobalEventHandlers.ontransitionendCSS 트랜지션이 끝났음을 알리는 transitionend 이벤트가 발생했을 때 호출할 코드를 나타내는 EventHandler.

 

출처

https://developer.mozilla.org/ko/docs/Web/API/Document