用JavaScript给所有相同的class添加CSS样式

最新推荐文章于 2024-05-06 18:17:39 发布

GuangRong1

最新推荐文章于 2024-05-06 18:17:39 发布

阅读量3.9k

点赞数

分类专栏： js

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

 
  <!doctype html> 
 
  <html lang= 
  "en" 
  > 
 
  <head> 
 
  <meta charset= 
  "UTF-8" 
  > 
 
  <meta name= 
  "Generator"  
  content= 
  "EditPlus®" 
  > 
 
  <meta name= 
  "Author"  
  content= 
  "" 
  > 
 
  <meta name= 
  "Keywords"  
  content= 
  "" 
  > 
 
  <meta name= 
  "Description"  
  content= 
  "" 
  > 
 
  <title>Document</title> 
 
  </head> 
 
  <body> 
 
  <div id= 
  "container"  
  style= 
  "width: 480px; height: 220px;border:1px solid #e3e3e3;"  
  onclick= 
  "renderLink();" 
  > 
 
  <a href= 
  "#"  
  class= 
  "mya" 
  >Test1</a> 
 
  <a href= 
  "#" 
  >Test2</a> 
 
  <a href= 
  "#"  
  class= 
  "mya" 
  >Test3</a> 
 
  <a href= 
  "#"  
  class= 
  "mya" 
  >Test4</a> 
 
  <a href= 
  "#"  
  class= 
  "mya" 
  >Test5</a> 
 
  <a href= 
  "#" 
  >Test6</a> 
 
  </div> 
 
  </body> 
 
  </html> 
 
  <script type= 
  "text/javascript" 
  > 
 
  function  
  renderLink(){ 
 
  var  
  alist = document.getElementsByClassName( 
  "mya" 
  ); 
 
  if 
  (alist){ 
 
  for 
  ( 
  var  
  idx = 0; idx < alist.length; idx ++){ 
 
  var  
  mya = alist[idx]; 
 
  mya.style.color =  
  "red" 
  ; 
 
  mya.style.fontSize =  
  "36px" 
  ; 
 
  } 
 
  } 
 
  } 
 
  </script>

GuangRong1

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用JavaScript给所有相同的class添加CSS样式

&lt;!doctype html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Generator" content="EditPlus®"&gt; &lt;meta name="Author"
复制链接

扫一扫