国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS 實(shí)現(xiàn)點(diǎn)擊a標(biāo)簽的時(shí)候讓其背景更換

2024-05-06 15:53:02
字體:
供稿:網(wǎng)友
點(diǎn)擊a標(biāo)簽的時(shí)候給其換背景的方法有很多,在本文將為大家介紹下js是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過

復(fù)制代碼 代碼如下:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type=text/javascript src="alabel.js"></script>
<style type="text/css">
.curr{background:blue;display:inline;}
</style>

</head>
<body>
<div>
<span><a href="#">1</a></span>
</div>

</body>
</html>


在alabel.js中:

復(fù)制代碼 代碼如下:


window.onload = function ()
{
var aspan = document.getElementsByTagName("span");
var i = 0;
for (i = 0; i < aspan.length; i++)
{
aspan[i].onclick = function ()
{
for (i = 0; i < aspan.length; i++) aspan[i].className = "";
this.className = "curr";
};
}
};


這樣就可以實(shí)現(xiàn)在點(diǎn)擊a標(biāo)簽的時(shí)候給其添加紅色的背景。

注意:curr的屬性中display不能是block,否則添加的背景是一整行。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 涟水县| 酉阳| 沈丘县| 北辰区| 湖口县| 逊克县| 迁安市| 西乌| 疏附县| 德令哈市| 阳谷县| 台南县| 达州市| 齐河县| 伊川县| 隆回县| 冕宁县| 临高县| 衡东县| 尉氏县| 北安市| 大兴区| 广平县| 错那县| 渭南市| 拉萨市| 瓦房店市| 繁峙县| 宣汉县| 三河市| 孟连| 临西县| 资兴市| 犍为县| 永安市| 佛冈县| 井冈山市| 罗山县| 山东省| 博客| 江口县|