W3.JS 向 HTML 添加类
添加一个类
w3.addClass(选择器,'类')
添加多个类
w3.addClass(选择器,'类1 类2 类3...')
通过 ID 添加类
将 "marked" 类添加到 ID 为 "London" 的元素
示例
<button onclick="w3.addClass('#London','marked')">添加类</button>
试一试 » 带 CSS »
通过标签添加类
将 "marked" 类添加到所有 <h2> 元素
示例
<button onclick="w3.addClass('h2','marked')">添加类</button>
试一试 » 带 CSS »
通过类添加类
将 "marked" 类添加到具有 "city" 类的元素
示例
<button onclick="w3.addClass('.city','marked')">添加类</button>
试一试 » 带 CSS »
添加多个类
要向元素添加多个类，请用空格分隔每个类。
将 "class1" 和 "class2" 都添加到 ID 为 "London" 的元素
示例
<button onclick="w3.addClass('#London','class1 class2')">添加类</button>
试一试 » 带 CSS »
从 HTML 元素中删除类
删除一个类
w3.removeClass(选择器,'类')
删除多个类
w3.removeClass(选择器,'类1 类2 类3...')
通过 ID 删除类
从 ID 为 "London" 的元素中删除 "marked" 类
示例
<button onclick="w3.removeClass('#London','marked')">删除类</button>
试一试 » 带 CSS »
通过标签删除类
从所有 <h2> 元素中删除 "marked" 类
示例
<button onclick="w3.removeClass('h2','marked')">删除类</button>
试一试 » 带 CSS »
通过类删除类
从所有具有 "city" 类的元素中删除 "marked" 类
示例
<button onclick="w3.removeClass('.city','marked')">删除类</button>
试一试 » 带 CSS »
删除多个类
要从元素中删除多个类，请用空格分隔每个类。
从 ID 为 "London" 的元素中删除 "class1" 和 "class2"
示例
<button onclick="w3.removeClass('#London','class1 class2')">删除类</button>
试一试 » 带 CSS »
切换 HTML 元素的类
切换一个类（开/关）
w3.toggleClass(选择器,'类')
在两个类之间切换
w3.toggleClass(选择器,'属性','类','类')
通过 ID 切换类
在 ID 为 "London" 的元素的 "marked" 类之间切换
示例
<button onclick="w3.toggleClass('#London','marked')">切换</button>
试一试 » 带 CSS »
通过标签切换类
在所有 <h2> 元素的 "marked" 类之间切换
示例
<button onclick="w3.toggleClass('h2','marked')">切换</button>
试一试 » 带 CSS »
通过类切换类
在所有具有 "city" 类的元素的 "marked" 类之间切换
示例
<button onclick="w3.toggleClass('.city','marked')">切换</button>
试一试 » 带 CSS »
切换多个类
在 ID 为 "London" 的 "class1" 和 "class2" 类名之间切换
示例
<button onclick="w3.toggleClass('#London','class1','class2')">切换</button>
试一试 » 带 CSS »
W3schools Pathfinder
Track your progress - it's free!
