52,780
社区成员
发帖
与我相关
我的任务
分享
...全文
请发表友善的回复…
发表回复
挨踢直男 2010-09-09
- 打赏
- 举报
用 jquery 吧 对文档 进行操作 这东西最方便了
licip 2010-09-09
- 打赏
- 举报
顶一楼的。
hoojo 2010-09-09
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>addClass.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
.redCls {
color: red;
}
.borderCls {
border: 1px solid red;
}
.basicCls {
width: 100px;
height: 20px;
}
</style>
<script type="text/javascript">
window.onload = function () {
var boxs = document.getElementsByTagName("div");
for (var i = 0; i < boxs.length; i++) {
alert(boxs[i].className);
boxs[i].className += " redCls";
if (i == 1) {
boxs[i].className += " borderCls";
}
}
};
</script>
</head>
<body>
<div class="basicCls">aaa</div>
<div class="basicCls">bbb</div>
<div class="basicCls">ccc</div>
</body>
</html>
iLove9ouHenry 2010-09-09
- 打赏
- 举报
[引用 1 楼 ibm_hoojo 的回复:]
能给出个例子吗？我的不行哈，按你说的这个样子，我的代码中，是get ElementsByName,所以获取的是一个数组，但是不能达到效果，没有反映。。。
能给出个例子吗？我的不行哈，按你说的这个样子，我的代码中，是get ElementsByName,所以获取的是一个数组，但是不能达到效果，没有反映。。。
iLove9ouHenry 2010-09-09
- 打赏
- 举报
我只是要添加，不是覆盖，所以不会有重复，只是我用的方法吧原先写在标签内的class覆盖了。。。。。
funfun5433 2010-09-09
- 打赏
- 举报
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery添加移除Css样式</title>
<script language="javascript" src="/Script/jquery-1.4.2.js"></script>
<style type="text/css">
.div{height:20px; margin-top:10px;}
.div1{border:1px solid red;}
.div2{border:1px solid #ccc;}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
// $("div").addClass("div");//给所有的层都添加div的样式
$("#div1").addClass("div1");//给div1 添加样式div1
$("#div2").addClass("div2");//给div2 添加样式div2
$("#div1").click(function(){
$(this).addClass("div");//移除div1的样式
})
$("#div2").click(function(){
$(this).addClass("div");//移除div2的样式
})
})
//-->
</SCRIPT>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
</body>
</html>
jquery addClass（）函数添加 但是如果效果有冲突的话后门的覆盖前面的
hoojo 2010-09-09
- 打赏
- 举报
var sp = document.getElementById("spanId");
sp.className += " newClass";//注意要多加一个空格