国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 泰安市| 泗洪县| 怀宁县| 芮城县| 麻江县| 固始县| 电白县| 叶城县| 突泉县| 奈曼旗| 晋城| 海晏县| 佛冈县| 宁武县| 竹山县| 清流县| 毕节市| 大邑县| 凉山| 陆丰市| 天气| 舒城县| 恩施市| 延长县| 皮山县| 大宁县| 游戏| 高要市| 黑山县| 永靖县| 璧山县| 建阳市| 呼图壁县| 马公市| 江陵县| 江陵县| 广南县| 怀远县| 商都县| 安龙县| 永春县|