Notice
Recent Posts
Recent Comments
Link
목록DOM (2)
개발 무지렁이
[JavaScript] JavaScript에서 html의 element를 찾아 이벤트 적용하기
html에서 element들이 javascript에서는 객체로 다루어진다. ⚠️ element들은 JavaScript에서 Node라 불린다 - document.getElementById("아이디"); // Node 한개만 찾는다 - document.getElementByClassName("클래스이름"); // Node를 여러개 찾는다(NodeList) - document.getElemetnByTagName("태그이름"); // Node를 여러개 찾는다(NodeList) - querySelector("selector종류"); // Node 한개만 찾는다 - querySelectorAll("selector종류"); // Node가 여러개(NodeList) onload = function() { // wind..
Frontend/JavaScript
2023. 4. 22. 19:32
[JavaScript] DOM과 BOM
DOM(Document Object Model) 웹페이지가 로드될 때, 브라우저가 생성하는 문서객체모델 (element기반, Tree형태) (문서의 구조화된 표현을 제공) WHY? DOM을 기준으로 element를 찾아서, 추가, 속성추가, 제거 등 재구성할 수 있다 DOM에 결과 반영 및 렌더링 BOM(Browser Object Model) 원래 브라우저(Browser)가 내장하고 있는 객체 (window, document, location, history, screen, navigator)
Frontend/JavaScript
2023. 4. 19. 18:57