首先说一下HTML中输入标签的类属性的作用：

输入标记的类属性用于引用页面的类样式。

也就是说，您首先在styletype='text/css'/style标记中定义一个类样式，然后引用它。

像这样：

styletype='text/css '。btn{

color:red

}

/style

inputtype='button'class='btn'/

不显示页面效果。反正这个按钮上的文字是红色的。有兴趣可以自己试试。

我们来谈谈输入标签的class属性的使用和属性值的具体说明：

Classname属性。标记a中的类属性用于添加样式。有三个相关的概念：类和映射类名称和类列表。

一般来说，所有的属性都可以通过object，object['']和object.getAttribute(' ')来访问，但是由于class是JavaScript保留字，所以被映射到classname供上述方案访问。因此，标准浏览器都支持对. classname和['classname']的访问。

关于. getattribute('class ')或. getattribute('classname ')是否与此方法兼容。(待测试：前者可以在mozilla(火狐)和opera中正确运行，但不能在IE和safari中使用。后者在IE和opera中工作正常，但不能在mozilla(火狐)和safari中使用。)

但是，用于获取标记中的自定义属性的DOM2级方法object.getattribute(“”)没有问题，因此保守的方法是

ClassList属性。因为class属性的值可以包含几个样式名，比如class='top1left '，所以这个string属性的值往往需要我们来操作。classname完成了类的映射，但是在操作class属性值时非常僵硬。怎么办？HTML5新API的类列表可以解决这个问题。

Classlist属性是classname的改进，就像arguments属性和childnode属性一样，可以理解为类数组对象。(尚待测试)

Classlist带来了一些操作方法和属性：add()，remove()，toggle()，contains()，等。和长度。

它可以由. classList或['classList']访问，但是. getAttribute('classList ')仍然存在浏览器兼容性问题。

除了用于输入的标记之外，类属性还有其他方向，例如：

在HTML文档中使用类属性实例：

超文本标记语言

头

styletype='text/css '

h1 . intro { color : blue；}

p .重要{ color:green}

/style

/head

身体

h1class='intro'Header1/h1

pAparagraph。/p

p class=' important ' noteessisanimportant段落。/p

/body

/html

以下是注意事项：

类属性不能用在以下html元素中：base、head、HTML、meta、param、script、style、title。

可以给HTML元素分配多个类，比如spanclass='left_menuimportant '。这样做可以将几个CSS类合并成一个HTML元素。

类名不能以数字开头！只有InternetExplorer支持这种做法。

本文转载自中文网站