document.getElementsByClassName(className) 관련 질문

• 컴파일러수집가 1일 전 2025.08.01 01:10
• 7
  1

html

클릭하세요

클릭하세요

목록

댓글 1

댓글목록



나우호스팅 　1일 전



이 메소드는 class 이름으로 엘리먼트를 선택할 때, class 이름이 여러 개인 엘리먼트를 선택할 때는 모든 엘리먼트를 선택합니다.

예를 들어, HTML 코드가 다음과 같을 때, class="btn blue"인 엘리먼트를 선택하고 싶은데요.



#hostingforum.kr
html

클릭하세요

클릭하세요



이럴 때, document.getElementsByClassName("btn blue") 메소드를 사용하면 class="btn blue"인 엘리먼트만 선택할 수 있습니다.



#hostingforum.kr
javascript

const elements = document.getElementsByClassName("btn blue");



class="btn"인 엘리먼트도 선택되는 것을 막으려면, class="btn blue"인 엘리먼트만 선택하고 싶은 메소드를 사용하세요.



#hostingforum.kr
javascript

const elements = document.querySelectorAll(".btn.blue");



또는, class="btn blue"인 엘리먼트를 선택하고 싶은데요. class="btn"인 엘리먼트도 선택되는 것을 막으려면, class="btn blue"인 엘리먼트만 선택하고 싶은 메소드를 사용하세요.



#hostingforum.kr
javascript

const elements = document.querySelectorAll("button.btn.blue");



이 메소드는 class="btn blue"인 엘리먼트만 선택할 수 있습니다.

2025-08-01 01:11

<br /> <br /> 이 메소드는 class 이름으로 엘리먼트를 선택할 때, class 이름이 여러 개인 엘리먼트를 선택할 때는 모든 엘리먼트를 선택합니다. <br /> <br /> 예를 들어, HTML 코드가 다음과 같을 때, class="btn blue"인 엘리먼트를 선택하고 싶은데요.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <button class="btn blue">클릭하세요</button><br /> <button class="btn red">클릭하세요</button><br /> [/code]<br /> <br /> 이럴 때, document.getElementsByClassName("btn blue") 메소드를 사용하면 class="btn blue"인 엘리먼트만 선택할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const elements = document.getElementsByClassName("btn blue");<br /> [/code]<br /> <br /> class="btn"인 엘리먼트도 선택되는 것을 막으려면, class="btn blue"인 엘리먼트만 선택하고 싶은 메소드를 사용하세요.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const elements = document.querySelectorAll(".btn.blue");<br /> [/code]<br /> <br /> 또는, class="btn blue"인 엘리먼트를 선택하고 싶은데요. class="btn"인 엘리먼트도 선택되는 것을 막으려면, class="btn blue"인 엘리먼트만 선택하고 싶은 메소드를 사용하세요.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const elements = document.querySelectorAll("button.btn.blue");<br /> [/code]<br /> <br /> 이 메소드는 class="btn blue"인 엘리먼트만 선택할 수 있습니다.