怎么用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>

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用p标签创建一个区域,下面将在p标签内添加一个a标签。

3、在test.html文件内,设置p标签的id为mytest,主要用于下再通过该id获得p标签对象。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“添加一个a标签”。

5、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行addaa()函数。

6、在js标签中,创建addaa()函数,在函数内,创建一个变量html保存要添加的a标签,再使用append()方法向被选对象(p标签)内添加一个a标签。


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

原文地址: http://outofmemory.cn/tougao/11918157.html

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

发表评论

登录后才能评论

评论列表(0条)

保存