控制类名（className 属性），JavaScript入门篇教程-慕课网

控制类名（className 属性）

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

语法：

object.className = classname

作用:

1.获取元素的class 属性

2. 为网页内的某个元素指定一个css样式来更改该元素的外观

看看下面代码，获得 <p> 元素的 class 属性和改变className：

结果:

我们通过className属性来设置元素的样式:

1.在右边编辑第33行补充代码，给id="p1"元素通过className添加"类名为one"的样式。当点击"添加样式"按钮，第一段文字添加样式。

2.在右边编辑第37行补充代码，给id="p2"元素通过className修改为"类名为two"的样式。当点击"更改外观"按钮，第二段文字更改样式。

?不会了怎么办: 1. 添加"类名为one: p1.className = "one";

2. 修改为"类名为two: p2.className = "two";

提交

公开笔记

提交

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求