ClassName

简介

ClassName()

功能确定指定变量的类（数据类型）。

语法ClassName(variable)

参数

函数执行成功时返回指定变量的数据类型，发生错误时返回空字符串。如果参数variable的值为NULL，ClassName()函数返回NULL。用法需要注意的是，ClassName()函数不能确定枚举类型变量的类型，此时，ClassName()函数返回空字符串（）。

className属性，可设置或返回元素的class属性

javascript通过className获取文件元素在 JavaScript 内建的核心中，document 物件及 Element 物件总共可以透过三个方式来获取其下的元素，分别是:

getElementById('id')

getElementsByName('name')

getElementsByTagName('tag')

这些方法就跟它们的名字一样，分别是依照 id, name, tag 来获取元素。

因在同一份文件中，id 是具有唯一性的，所以 getElementById(id) 的回传值是单一物件可以直接使用；而其他则会传回一个依照具有该属性的元素在文件中出现顺序排列的阵列，使用时必须指定阵列编号，如: array 代表第一个元素。

可是在设计网页时，最常常需要使用到的 class 却没有相对应的方法可以去获取 className 相同的元素。

没有没关系，我们自己写一个，而且代码非常简短只有下面几句。

function getElementsByClassName(n) {

var el = [],

_el = document.getElementsByTagName('*');

for (var i=0; iu003c_el.length; i++ ) {

if (_el[i].className == n ) {

el[el.length] = _el[i];

}

}

return el;

}

上面这段代码将会传回一个元素阵列，这些元素的共通点就是它们的 class 名称都一样。

下面这段代码是 getElementsByClassName(’className’) 众多应用的其中一种，可以将文件中所有 className 为 ‘black’ 的元素的 className 改为 ‘red’。

var classBlack = getElementsByClassName('black');

for (var i=0; iu003cclassBlack.length; i++) {

classBlack[i].className = 'red';

}