怎么用js设置a标签点击链接改变当前颜色

怎么用js设置a标签点击链接改变当前颜色,第1张

改变当前颜色

<lable id="lable1" onclick="col(1)">1</lable>

<lable id="lable2" onclick="col(2)">2</lable>

<lable id="lable3" onclick="col(3)">3</lable>

<script language="javascript">

function col(num)

{

for(i=1i<6i++)

{

if(i==num)

document.getElementById("lable"+i).backgroudcolor=Red

else

document.getElementById("lable"+i).backgroudcolor=Black

}

}

</script>

建议使用jq,更快,

js应该是要写click事件吧。比如

xxx.onclick = function getcolor(obj){

obj.style.backgroundColor = "blue"

getElementById("getCheck").innerHtml = getElementById("getCheck").innerHtml + obj.innerHtml()

}

js生手,不大记住这些词汇,大概就是给那些选项添加点击函数,获取该对象,吧他的背景色改为蓝色,在吧已选择的内容叠加起来,

jq比较方便,我们只需要

$(".option span").bind("click", function(){

$(this).css("backgroundColor", "#000")

$("#getCheck").text( $("#getCheck").text() + $(this).text())

})

就可以了

用jquery吧,比原生js方便

$(".tab_ul li a").click(function() {

$(this).css("color","#f00")//给点击的a标签加红色

$(this).siblings().css("color","#000")//被点击之外的a标签颜色为黑色

})

对了 用jquery之前要引用jquery文件:<script src=’http://web.zhaicool.net/jquery.js‘><\/script>

更多jquery:http://web.zhaicool.net


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/11357554.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存