类列表

用于在浏览器中添加和删除 DOM 节点中不本地支持的类的帮助模块 classList dOM 节点上的属性.

安装

无

npm install --save @braintree/class-list

这个模块使用普通j. 您必须使用诸如 浏览器 或者说 网络软件包 将它包含在您的前端项目中.

使用量

var classList = require("@braintree/class-list");

添加

向指定的 DOM 节点添加类.

var element = document.querySelector("#id");

element.className = "some-class";

classList.add(element, "any", "number", "of", "classes", "to", "add");

element.className === "some-class any number of classes to add";

删除

删除指定 DOM 节点的类.

var element = document.querySelector("#id");

element.className = "some-class some-other-class another-class";

classList.remove(element, "some-class", "another-class");

element.className === "some-other-class";

切换

切换到指定的 DOM 节点的类 。 第一个论点是 DOM 节点,第二个论点是切换的类,第三个论点是布林来表示是增加类还是去除.

var element = document.querySelector("#id");
var shouldAdd = function (className) {
  return element.className.indexOf(className) === -1;
};

element.className = "some-class some-other-class";

classList.toggle(element, "some-class", shouldAdd("some-class"));

element.className === "some-other-class";

classList.toggle(element, "some-class", shouldAdd("some-class"));

element.className === "some-class some-other-class";

测试

npm test