W3.JS HTML에 클래스 추가
수업 추가:
w3.addClass(selector,'class')
여러 클래스 추가:
w3.addClass(selector,'class1 class2 class3...')
ID로 클래스 추가
id="London"인 요소에 "표시된" 클래스를 추가합니다.
예시
<button onclick="w3.addClass('#London','marked')">Add Class</button>
태그로 클래스 추가
모든 <h2> 요소에 "표시된" 클래스를 추가합니다.
예시
<button onclick="w3.addClass('h2','marked')">Add Class</button>
클래스별 클래스 추가
class="city"인 요소에 "표시된" 클래스를 추가합니다.
예시
<button onclick="w3.addClass('.city','marked')">Add Class</button>
여러 클래스 추가
요소에 여러 클래스를 추가하려면 각 클래스를 공백으로 구분합니다.
id="London"인 요소에 "class1"과 "class2"를 모두 추가합니다.
예시
<button onclick="w3.addClass('#London','class1 class2')">Add
Classes</button>
HTML 요소에서 클래스 제거
클래스 제거:
w3.removeClass(selector,'class')
여러 클래스 제거:
w3.removeClass(selector,'class1 class2 class3...')
ID로 클래스 제거
id="London"인 요소에서 "표시된" 클래스를 제거합니다.
예시
<button onclick="w3.removeClass('#London','marked')">Remove Class</button>
태그로 클래스 제거
모든 <h2> 요소에서 "표시된" 클래스를 제거합니다.
예시
<button onclick="w3.removeClass('h2','marked')">Remove Class</button>
클래스별로 클래스 제거
class="city"인 모든 요소에서 "표시된" 클래스를 제거합니다.
예시
<button onclick="w3.removeClass('.city','marked')">Remove Class</button>
여러 클래스 제거
요소에서 여러 클래스를 제거하려면 각 클래스를 공백으로 구분하십시오.
id="London"인 요소에서 "class1" 및 "class2"를 모두 제거합니다.
예시
<button onclick="w3.removeClass('#London','class1 class2')">Remove
Classes</button>
HTML 요소의 클래스 토글
수업 전환(켜기/끄기):
w3.toggleClass(selector,'class')
두 클래스 간 전환:
w3.toggleClass(selector,'property','class','class')
Toggle Class by Id
id="London"인 요소의 "표시된" 클래스 간에 전환:
예시
<button onclick="w3.toggleClass('#London','marked')">Toggle</button>
태그별 클래스 토글
모든 <h2> 요소의 "표시된" 클래스 사이를 전환합니다.
예시
<button onclick="w3.toggleClass('h2','marked')">Toggle</button>
Toggle Class by Class
class="city"인 모든 요소의 "표시된" 클래스 간에 전환:
예시
<button onclick="w3.toggleClass('.city','marked')">Toggle</button>
여러 클래스 전환
id="London:"의 클래스 이름 "class1"과 "class2" 사이를 전환합니다.
예시
<button onclick="w3.toggleClass('#London','class1','class2')">Toggle</button>