如何使用JavaScript更改元素的类?

  • A+
所属分类:Web前端
摘要

如何 onclick使用JavaScript 响应一个 或任何其他事件来 更改HTML元素的类 ? 如何onclick使用JavaScript响应一个或任何其他事件来更改HTML元素的类?

如何onclick使用JavaScript响应一个或任何其他事件来更改HTML元素的类

 

如何onclick使用JavaScript响应一个或任何其他事件来更改HTML元素的类?

 

如何onclick使用JavaScript响应一个或任何其他事件来更改HTML元素的类?

 

如何onclick使用JavaScript响应一个或任何其他事件来更改HTML元素的类?

 

如何onclick使用JavaScript响应一个或任何其他事件来更改HTML元素的类?

 

现代浏览器添加了classList该类提供了一些方法,可以在不需要库的情况下更轻松地操作类:

document.getElementById("MyElement").classList.add('MyClass');  document.getElementById("MyElement").classList.remove('MyClass');  if ( document.getElementById("MyElement").classList.contains('MyClass') )  document.getElementById("MyElement").classList.toggle('MyClass');

本文首发于前端黑洞网,博客园同步跟新