[JavaScript] document.getElementsByClassName() - 특정 class를 가지고 있는 dom 요소들을 찾기/가져오기

Javascript/Javascript

[JavaScript] document.getElementsByClassName() - 특정 class를 가지고 있는 dom 요소들을 찾기/가져오기

Rainbow🌈Coder 2022. 12. 20. 16:00

728x90

https://mine-it-record.tistory.com/494

[JavaScript] document.getElementsByClassName() - 특정 class를 가지고 있는 dom 요소들을 찾기/가져오기 (ft. elem

javascript로 dom 요소를 제어할때 사용되는 메서드중 하나인 document.getElementByClassName()에 대해 알아보자. 메서드명 그 의미를 그대로 가지고 있어, 특정 class를 가지고 있는 모든 dom 요소에 접근하기

mine-it-record.tistory.com

https://developer.mozilla.org/ko/docs/Web/API/Node/insertBefore

Node.insertBefore() - Web API | MDN

Node.insertBefore() 메소드는 참조된 노드 앞에 특정 부모 노드의 자식 노드를 삽입합니다. 만약 주어진 자식 노드가 document에 존재하는 노드를 참조한다면, insertBefore() 가 자식 노드를 현재 위치에서

developer.mozilla.org

https://powerku.tistory.com/114

자바스크립트 | insertBefore() 특정 위치에 앞에 노드 삽입

insertBefore() -> 부모노드의 기준 점 노드 앞에 삽입 할 노드를 삽입합니다.-> 내가 원하는 위치에 삽입 할 수 있습니다. 기존 부모 노드에서도 굳이 삭제 할 필요 없이 자동으로 이동하게 됩니다.ex)

powerku.tistory.com

insertBefore()

insertBefore()는 appendChild()와 비슷하지만, 전달인자가 두 개라는 점이 다르다. 첫 번째 전달인자는 삽입하려는 노드고 두 번째 전달인자는 삽입 기준이 되는 노드로, 새 노드는 이 앞에 놓는다. 이 메서드는 삽입할 노드의 부모 객체가 될 노드에서 샐행된다. 그리고 두 번째 전달인자는 이 부모 노드의 자식 노드여야 한다. 두 번째 인자가 null이면, insertBefore()는 appendChild()처럼 작동하여 자식 노드의 끝에 삽입한다.

https://iamawebdeveloper.tistory.com/62

728x90