W3.JS 添加类
添加一个类:
w3.addClass(selector,'class')
添加多个类:
w3.addClass(selector,'class1 class2 class3...')
根据Id添加类
将“marked”类添加到id=“London”的元素中:
根据标签添加类
在所有<h2>
元素中添加“marked”
类:
根据类添加类
用 class="city"
将 "marked"
类添加到元素中:
添加多个类
若要向一个元素添加多个类,请用空格分隔每个类。
将"class1"
和"class2"
添加到id="London"
的元素:
从HTML元素中删除类
删除一个类:
w3.removeClass(selector,'class')
删除多个类:
w3.removeClass(selector,'class1 class2 class3...')
根据Id删除类
从id="London"
的元素中删除"marked"
类:
根据标签删除类
从所有<h2>
元素中删除“marked”
类:
根据类删除类
用class="city"
删除所有元素中的"marked"
类:
删除多个类
若要从一个元素中删除多个类,请用空格分隔每个类。
从id="London"
的元素中删除"class1"
和"class2"
:
实例
<button onclick="w3.removeClass('#London','class1 class2')">Remove Classes</button>
尝试一下 » 添加上CSS »
切换HTML元素的类
切换一个类(打开/关闭):
w3.toggleClass(selector,'class')
在两个类之间切换:
w3.toggleClass(selector,'property','class','class')
根据Id切换类
在id="London"
的元素的"marked"
类之间切换:
根据标签切换类
在所有<h2>
元素的“marked”
类之间切换:
根据类切换
在所有元素的“标记”类之间切换class=“city”
:
切换多个类
在id="London "的类名"class1"和"class2"之间切换: