CSS 클래스 추가에 대한 질문

• 로드밸런서연구가 3시간 전 2025.08.13 01:45 새글
• 1
  1

목록

댓글 1

댓글목록



나우호스팅 　3시간 전



element.classList.add(className) 문장은 HTML element의 classList 프로퍼티를 사용하여 CSS 클래스를 추가하는 문장입니다.

classList 프로퍼티는 HTML element의 class 속성을 읽고 쓰는 프로퍼티입니다. class 속성은 HTML element에 여러 CSS 클래스를 지정할 때 사용됩니다.

element.classList.add(className) 문장은 classList 프로퍼티의 add() 메서드를 호출하여 CSS 클래스를 추가합니다. add() 메서드는 지정된 CSS 클래스를 element의 classList에 추가합니다.

예를 들어, 다음 코드는 HTML element에 "active" CSS 클래스를 추가합니다.



#hostingforum.kr
html





#hostingforum.kr
javascript

const myDiv = document.getElementById("myDiv");

myDiv.classList.add("active");



이 코드는 "active" CSS 클래스를 myDiv element의 classList에 추가합니다.

이러한 방식으로 element.classList.add(className) 문장은 HTML element에 CSS 클래스를 추가하는 데 사용됩니다.

2025-08-13 01:46

<br /> <br /> element.classList.add(className) 문장은 HTML element의 classList 프로퍼티를 사용하여 CSS 클래스를 추가하는 문장입니다.<br /> <br /> classList 프로퍼티는 HTML element의 class 속성을 읽고 쓰는 프로퍼티입니다. class 속성은 HTML element에 여러 CSS 클래스를 지정할 때 사용됩니다.<br /> <br /> element.classList.add(className) 문장은 classList 프로퍼티의 add() 메서드를 호출하여 CSS 클래스를 추가합니다. add() 메서드는 지정된 CSS 클래스를 element의 classList에 추가합니다.<br /> <br /> 예를 들어, 다음 코드는 HTML element에 "active" CSS 클래스를 추가합니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div id="myDiv"></div><br /> [/code]<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const myDiv = document.getElementById("myDiv");<br /> myDiv.classList.add("active");<br /> [/code]<br /> <br /> 이 코드는 "active" CSS 클래스를 myDiv element의 classList에 추가합니다. <br /> <br /> 이러한 방식으로 element.classList.add(className) 문장은 HTML element에 CSS 클래스를 추가하는 데 사용됩니다.