자바스크립트 - element 찾기 querySelector, querySelctorAll

자바스크립트에서 element를 찾을 때,가장 많이 사용하는 함수들 입니다. querySelector와 querySelectorAll 입니다. querySelector(selector) selector를 선택자로 전달해서 일치하는 하나의 element를 return 합니다. 없으면 null을 반환합니다. document.querySelector('p'); querySelectorAll(selector) selector와 일치하는 모든 element의 배열을 반환 합니다. document.querySelectorAll('p'); 아래 예제에서 확인 할 수 있습니다. See the Pen Untitled by Young Jun Koo (@YoungJu-Ku) on CodePen.

• format_list_bulleted Develop/JavaScript
• · 2023. 1. 14.
• textsms

자바스크립트 Element 객체 가져오기 getElementById, getElementsByClassName, querySelector

자바스크립트에서 DOM 엘리먼트 객체를 구할 수 있는 방법 4가지를 소개해드리겠습니다. getElementById("id") ID 값을 통하여 자바스립트 객체를 가지고 올 수 있습니다. Red Blue const red = document.getElementById("red"); const blue = document.getElementById("blue"); red.style.color = "red"; blue.style.color = "blue"; 결과 getElementById 를 통하여 ID값을 호출하여서 CSS에서 폰트 색깔을 주었습니다. Red Blue getElementsByClassName("className") class 이름을 가진 모든 객체가 담긴 배열을 가져옵니다. Superman ..

• format_list_bulleted Develop/JavaScript
• · 2018. 12. 8.
• textsms