利用js添加class

最新推荐文章于 2024-01-16 16:42:49 发布

weixin_30721899

最新推荐文章于 2024-01-16 16:42:49 发布

阅读量261

点赞数

原文链接：http://www.cnblogs.com/empist/p/7131912.html

版权

来来来，开篇点题。

分页应用。当在当前页时，分页的数字有个框之类的。

重要代码如下

    <ul class="pagination">
                        <li><a href="#"><i class="fa fa-angle-left"></i></a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i></a></li>
                    </ul>

好，问题来了：我们是一个一个修改，添加【class="active"】吗？如果10可以，那么100个呢？

这里只说如何添加class,不说怎么分类哈。

1 方法

重要代码： el.setAttribute('class','blablaba');

实例代码

<style type="text/css"> 
.red { 
background: red; 
} 
</style> 


<div id="d1">test div</div> 
<script> 
var div = document.getElementById('d1'); div.setAttribute("class", "red"); </script> 
问题：IE6/7 : div背景色不是红色 
IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色为红色 
结果：IE6/7不支持setAttribute('class',xxx)方式设置元素的class。

这个方法不好，那向下看

2.来个几乎万能的way

核心代码：el.className = 'blablabla';

<style type="text/css"> 
.red { 
background: red; 
} 
</style> 


<BODY> 
<div id="d1">test div</div> 
<script> 
var div = document.getElementById('d1'); 
div.className = 'red'; 
</script>

转载于:https://www.cnblogs.com/empist/p/7131912.html

weixin_30721899

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用js添加class

来来来，开篇点题。分页应用。当在当前页时，分页的数字有个框之类的。重要代码如下 <ul class="pagination"> <li><a href="#"><i class="fa fa-angle-left"></i></a><...
复制链接

扫一扫