用JavaScript给所有相同的class添加CSS样式。
用JavaScript给所有相同的class添加CSS样式。怎么用JavaScript给所有相同的class添加CSS样式？document.getElementsByC...
用JavaScript给所有相同的class添加CSS样式。怎么用JavaScript给所有相同的class添加CSS样式？
document.getElementsByClassName("class")怎么用？ 展开
document.getElementsByClassName("class")怎么用？ 展开
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<div id="container" style="width: 480px; height: 220px;border:1px solid #e3e3e3;" onclick="renderLink();">
<a href="#" class="mya">Test1</a>
<a href="#">Test2</a>
<a href="#" class="mya">Test3</a>
<a href="#" class="mya">Test4</a>
<a href="#" class="mya">Test5</a>
<a href="#">Test6</a>
</div>
</body>
</html>
<script type="text/javascript">
function renderLink(){
var alist = document.getElementsByClassName("mya");
if(alist){
for(var idx = 0; idx < alist.length; idx ++){
var mya = alist[idx];
mya.style.color = "red";
mya.style.fontSize = "36px";
}
}
}
</script>
先用document.getElementsByClassName("className")取得所有class为className的元素，再循环添加样式即可，如果用JQuery会简单很多；也可以自己用JS封装一个函数实现JQuery一样的效果
更多追问追答
追问
对于您的回答，我表示非常的满意，内容很有比较性，通俗易懂，受教了！望还能与你求教！
追答
有问题直接私信我吧，其实我也是学习阶段，互相帮助吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(".class").addClass("class类名");
//使用jQuery实现比较简单
var ddd=document.getElementById("ddd");
ddd.style.cssText="border:1pxsolidred;color:#000;background:#444;float:left";
//原生js实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
引入jquery,利用jqurey里面的方法。
var a = $('#id').hasClass("class");
if(a){
$('#id').removeClass("class");
$('#id').addClass("class2");
}
var a = $('#id').hasClass("class");
if(a){
$('#id').removeClass("class");
$('#id').addClass("class2");
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
