Element.classNames - Prototype JavaScript 框架

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(className)。这些方法被 Element.addClassName、 Element.toggleClassName 和 Element.removeClassName 在内部调用。除非你想完成一些非常古怪的需求，否则一般不会用到它们。

样例

<div id="mutsu" class="apple fruit food"></div>

$('mutsu').classNames().inspect()
// -> "#<Enumerable:['apple', 'fruit', 'food']>"
// 修改 CSS 类名称
$('mutsu').className = 'fruit round'
$('mutsu').classNames().inspect()
// -> "#<Enumerable:['fruit', 'food']>"