本文目录一览:
- 1、在js中修改html元素的class
- 2、通过js在页面加载时为html元素添加一个class,随后又在setTimeout中删除之,问作用
- 3、JS点击添加class,再次点击移除class,并且自身也添加class
在js中修改html元素的class
用到js修改html的class属性值,归纳总结下:一、获取class属性值var value = $( div ).attr( class );//这里获取class属性值var array=val.spli.
通过js在页面加载时为html元素添加一个class,随后又在setTimeout中删除之,问作用
作用举例:
某一个页面加载可能要几秒钟,因为js是顺序执行的,那么一开始通过js给页面加一个正在加载中的样式,然后过几秒钟,页面加载完了,去掉加载中样式,给用户的感觉就很友好了。
JS点击添加class,再次点击移除class,并且自身也添加class
1、首先在html中布局好两个按钮和一个div。
2、接着编写添加class的方法。
3、运行页面以后看到如下图所示的界面。
4、点击添加class按钮就可以看到div中多了样式。
5、接下来在编写移除class样式,如下图所示要的是remove。
6、最后运行界面,点击移除class按钮,class就被移除了。