JS 實現(xiàn)點擊a標簽的時候讓其背景更換
更新時間:2013年10月15日 16:38:56 作者:
點擊a標簽的時候給其換背景的方法有很多,在本文將為大家介紹下js是如何實現(xiàn)的,感興趣的朋友不要錯過
復制代碼 代碼如下:
<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 class="clMenu">
<span><a href="#">1</a></span>
</div>
</body>
</html>
在alabel.js中:
復制代碼 代碼如下:
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";
};
}
};
這樣就可以實現(xiàn)在點擊a標簽的時候給其添加紅色的背景。
注意:curr的屬性中display不能是block,否則添加的背景是一整行。
您可能感興趣的文章:
- 基于JS實現(xiàn)彈出一個隱藏的div窗口body頁面變成灰色并且不可被編輯
- JavaScript設置body高度為瀏覽器高度的方法
- JavaScript中window、doucment、body的解釋
- JS代碼放在head和body中的區(qū)別分析
- 使用JS或jQuery模擬鼠標點擊a標簽事件代碼
- javascript和jquery修改a標簽的href屬性
- js實現(xiàn)a標簽超鏈接提交form表單的方法
- js確認刪除對話框適用于a標簽及submit
- 在JS中a標簽加入單擊事件屏蔽href跳轉頁面
- Javascript中使用A標簽獲取當前目錄的絕對路徑方法
- JavaScript實現(xiàn)獲取用戶單擊body中所有A標簽內容的方法
相關文章
JS腳本實現(xiàn)定時到網(wǎng)站上簽到/簽退功能
這篇文章主要介紹了JS腳本實現(xiàn)定時到網(wǎng)站上簽到/簽退功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04動態(tài)創(chuàng)建script在IE中緩存js文件時導致編碼的解決方法
這篇文章主要介紹了動態(tài)創(chuàng)建script在IE中緩存js文件時導致編碼的解決方法,需要的朋友可以參考下2014-05-05javascript 瀏覽器判斷 綁定事件 arguments 轉換數(shù)組 數(shù)組遍歷
javascript 瀏覽器 判斷 綁定事件 arguments 轉換數(shù)組 數(shù)組遍歷等函數(shù)2009-07-07JS實現(xiàn)自動輪播圖效果(自適應屏幕寬度+手機觸屏滑動)
這篇文章主要介紹了JS實現(xiàn)自動輪播圖效果(自適應屏幕寬度+手機觸屏滑動),需要的朋友可以參考下2017-06-06