toggleClassName toggleClassName(element, className) -> HTMLElement 切换 element 的 CSS className（在有和无该类名称间切换），并返回元素本身。 样例 <div id="mutsu" class="apple"></div> $('mutsu').hasClassName('fruit'); // -> false $('mutsu').toggleClassName('fruit'); // -> element $('mutsu').hasClassName('fruit'); // -> true ...

removeClassName removeClassName(element, className) -> HTMLElement 从 element 中移除参数 className 指定的 CSS 类，返回元素本身。 样例 <div id="mutsu" class="apple fruit food"></div> $('mutsu').removeClassName('food'); // -> HTMLElement $('mutsu').classNames(); // -> ['apple', 'fruit'] ...

hasClassName hasClassName(element, className) -> Boolean 判断 element 是否包含参数 className 指定的 CSS 类名称。 样例 <div id="mutsu" class="apple fruit food"></div> $('mutsu').hasClassName('fruit'); // -> true $('mutsu').hasClassName('vegetable'); // -> false

getElementsByClassName   [不推荐] getElementsByClassName(element, className) -> [HTMLElement...] 查询 element 下所有具有参数 className 指定的 CSS 类名称的后代节点，并返回一个数组， 数组中的元素已经过 扩展。 在 Prototype 1.6 中，不建议使用 document.getElementsByClassName，因为这个函数的原始实现是返回一个 NodeList，而不是一个 Array。在 v1.6 中，请使用 $$ 或 Element#select 代替。 返回的数组成员按照元素在页面中的顺序进行排列（例如：索引 0 表示 element 的后代节点中具有 CSS 类名称 className 的第一个元素）。 样例 <ul id="fruits"...

classNames [不推荐] classNames(element) -> Enumerable 返回一个新的 ClassNames 的实例，该实例是一个 Enumerable 对象，用于读写元素的 CSS 类名称。 Element#classNames 已被抛弃。请使用 Element#addClassName、 Element#removeClassName 和 Element#hasClassName 代替。 如果你需要访问 CSS 类名称，并返回一个数组，试试用 $w(element.className)。 事实上，这意味着你可以通过一个 Enumerable 访问元素的 CSS 类名称列表，而不像原生的 className 属性仅只是一个字符串。 在这个方法结束前，返回的 Enumerable 对象已经被扩展了一系列用于处理 CSS 类名的方法：set(className)、 ad...

(element, className) -> HTMLElement 增加一个 CSS 类到 element 中。 样例 <div id="mutsu" class="apple fruit"></div> $('mutsu').addClassName('food') $('mutsu').className // -> 'apple fruit food' $('mutsu').classNames() // -> ['apple', 'fruit', 'food']

toggleClassName(element, className) -> HTMLElement 切换 element 的 CSS className（在有和无该类名称间切换），并返回元素本身。 样例 <div id="mutsu" class="apple"></div> $('mutsu').hasClassName('fruit'); // -> false $('mutsu').toggleClassName('fruit'); // -> element $('mutsu').hasClassName('fruit'); // -> true ...

removeClassName(element, className) -> HTMLElement 从 element 中移除参数 className 指定的 CSS 类，返回元素本身。 样例 <div id="mutsu" class="apple fruit food"></div> $('mutsu').removeClassName('food'); // -> HTMLElement $('mutsu').classNames(); // -> ['apple', 'fruit'] ...

hasClassName(element, className) -> Boolean 判断 element 是否包含参数 className 指定的 CSS 类名称。 样例 <div id="mutsu" class="apple fruit food"></div> $('mutsu').hasClassName('fruit'); // -> true $('mutsu').hasClassName('vegetable'); // -> false

getElementsByClassName(element, className) -> [HTMLElement...] 查询 element 下所有具有参数 className 指定的 CSS 类名称的后代节点，并返回一个数组， 数组中的元素已经过 扩展。 在 Prototype 1.6 中，不建议使用 document.getElementsByClassName，因为这个函数的原始实现是返回一个 NodeList，而不是一个 Array。在 v1.6 中，请使用 $$ 或 Element#select 代替。 返回的数组成员按照元素在页面中的顺序进行排列（例如：索引 0 表示 element 的后代节点中具有 CSS 类名称 className 的第一个元素）。 样例 <ul id="fruits"> <li id="apples">apples <ul&g...

classNames(element) -> Enumerable 返回一个新的 ClassNames 的实例，该实例是一个 Enumerable 对象，用于读写元素的 CSS 类名称。 Element#classNames 已被抛弃。请使用 Element#addClassName、 Element#removeClassName 和 Element#hasClassName 代替。 如果你需要访问 CSS 类名称，并返回一个数组，试试用 $w(element.className)。 事实上，这意味着你可以通过一个 Enumerable 访问元素的 CSS 类名称列表，而不像原生的 className 属性仅只是一个字符串。 在这个方法结束前，返回的 Enumerable 对象已经被扩展了一系列用于处理 CSS 类名的方法：set(className)、 add(className) 和 remove(cl...

addClassName(element, className) -> HTMLElement 增加一个 CSS 类到 element 中。 样例 <div id="mutsu" class="apple fruit"></div> $('mutsu').addClassName('food') $('mutsu').className // -> 'apple fruit food' $('mutsu').classNames() // -> ['apple', 'fruit', 'food'] ...