如何用js给a标签添加一个class值?

  • 原创
  • |
  • 浏览： 5080
  • |
  • 更新：
分步阅读

在js中，通过给className属性赋值，可以实现给a标签添加class值。下面小编举例讲解 如何用js给a标签添加一个class值。

如何用js给a标签添加一个class值?

工具/原料

方法/步骤

  1. 1

    新建一个html文件，命名为test.html，用于讲解如何用js给a标签添加一个class值。

    如何用js给a标签添加一个class值?
  2. 2

    在test.html文件内，使用a标签创建一个测试的链接。

    如何用js给a标签添加一个class值?
  3. 3

    在test.html文件内，设置a标签的id为aid，用于下面获得a标签对象。

    如何用js给a标签添加一个class值?
  4. 4

    在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行addAclass()函数。

    如何用js给a标签添加一个class值?
  5. 5

    在js标签中，创建addAclass()函数，在函数内，通过id（aid）获得a标签对象，再通过给className属性赋值，实现给a标签添加一个class值。

    如何用js给a标签添加一个class值?
  6. 6

    在浏览器打开test.html文件，点击按钮，查看源代码结果。

    如何用js给a标签添加一个class值?
    如何用js给a标签添加一个class值?
    END

总结：

  1. 1

    1、使用a标签创建一个测试的链接，设置a标签的id为aid。

    2、在js中，通过id（aid）获得a标签对象，再通过给className属性赋值，实现给a标签添加一个class值。

    END