HTML |类属性

html中的类：

• class 是一个属性，它为 HTML 元素指定一个或多个类名。
• class 属性可用于任何 HTML 元素。
• CSS 和 JavaScript 可以使用类名来为具有指定类名的元素执行某些任务。

支持的标签：它支持所有 HTML 元素。

例子 ：

html

 

    

 

 
    
CHINA
     
China has the largest population
       in the world.
 
 
    
INDIA
     
India has the second largest
       population in the world.
 
 
    
UNITED STATES
     
United States has the third largest
       population in the world.
 
 

 

输出：

说明：在上面的示例中，CSS 为所有类名为“country”的元素设置样式。
在 JavaScript 中使用 class 属性： JavaScript 可以使用 getElementsByClassName() 方法访问具有指定类名的元素。
例子：

html

 

    
        function myFunction() {
            var x = document.getElementsByClassName("country");
            for (var i = 0; i < x.length; i++) {
                x[i].style.display = "none";
            }
        }
    

 

 
     
Click the button, and a JavaScript hides all
       elements with the class name "country":
 
 
    Hide elements
 
    CHINA
     
China has the largest population in the world.
 
 
    INDIA
     
India has the second largest population in the world.
 
 
    UNITED STATES
     
United States has the third largest population
       in the world.
 
 

 

输出 ：

• 单击隐藏元素按钮之前：

• 单击隐藏元素按钮后：

使用多个类：
HTML 元素可以有多个类名，其中每个类名必须用空格分隔。
例子：

html

 

 
    
CHINA
    
INDIA
    
UNITED STATES
 

 

输出 ：

说明：三个标题都有类名“country”，但除此之外，CHINA还有类名“middle”，使文本居中对齐。
在不同的标签中使用相同的类：不同的标签，如

和

，可以具有相同的类名，从而共享相同的样式。
例子：

html

 

 
    
CHINA
    
China has the largest
                population in the world.
 
 

 

输出 ：

说明：即使两个元素没有相同的标签名，它们也可以有相同的类名，并获得相同的样式。
支持的浏览器： Class属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器