短視訊平臺原始碼，點選ul/li改變背景顏色

zhibo系統開發發表於2021-11-30
原始碼

短視訊平臺原始碼，點選ul/li改變背景顏色實現的相關程式碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <html>
  <head>
      <title>Change.html</title>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <style>
        body li{
              list-style-type: none;
        }
     </style>
 </head>
 <body>
 <li onclick='setbgColor(this.id)' id=a><small>第一行文字</small></li><br>
 <li onclick='setbgColor(this.id)' id=b><small>第二行文字</small></li><br>
 <li onclick='setbgColor(this.id)' id=c><small>第三行文字</small></li><br>
 <script type=text/javascript>
     function setbgColor(x)
     {
         d=document.getElementsByTagName('li')
         for(p=d.length;p--;){
             if(d[p].id=='a'){d[p].style.backgroundColor='#AA0000'}
             else if(d[p].id=='b'){d[p].style.backgroundColor='#AABB00'}
             else{d[p].style.backgroundColor='#AABBCC'} 
         } 
     }
</script>
</body>
</html>

以上就是 短視訊平臺原始碼，點選ul/li改變背景顏色實現的相關程式碼，更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69978258/viewspace-2844853/，如需轉載，請註明出處，否則將追究法律責任。

相關文章