JS访问meta和css的例子

利用js可以 很轻松的访问到网页中的meta 也可以处理css。下面就是一个相关的简单例子。
 

XML/HTML代码
  1. <html>  
  2. <head>  
  3. <meta name="myName" content="NorthSnow" />  
  4. <meta name="myCity" content="Chang Chun" />  
  5. <meta name="myCareer" content="IT" />  
  6. <meta name="myDream" content="more and more simple" />  
  7. <title>this is a test</title>  
  8. <style type="text/css">  
  9.      .css1 {   
  10.              color:red;font-weight:bold;   
  11.            }   
  12.               
  13.      .css2 {   
  14.              color:blue;font-weight:normal;   
  15.            }   
  16.       p    {   
  17.              color:#777777;   
  18.            }   
  19.  </style>  
  20.     
  21.  <style type="text/css">  
  22.      .css3 {   
  23.              color:green;font-weight:bold;   
  24.            }   
  25.               
  26.      .css4 {   
  27.              color:yellow;font-weight:normal;   
  28.            }   
  29.  </style>  
  30.   
  31. <script language="javascript">  
  32. function showMeta()   
  33. {   
  34.     var metas = document.getElementsByTagName("meta");   
  35.     var strMeta=new String();   
  36.     var strTemp;   
  37.     for(var i=0;i < metas.length;i++)   
  38.     {   
  39.         strTemp=metas[i].name + "=" + metas[i].content + " ";   
  40.         strMetastrMeta=strMeta.concat(strTemp);   
  41.     }   
  42.     alert(strMeta);   
  43. }   
  44.   
  45. function showCss()   
  46. {   
  47.   
  48.     var cSSs = document.styleSheets;   
  49.     var strCss=new String();   
  50.     var strTemp;   
  51.     alert(cSSs.length);   
  52.     for(var i=0;i < cSSs.length;i++)   
  53.     {   
  54.         var cRules=cSSs[i].rules;   
  55.         for(var j=0;j<cRules.length;j++)   
  56.         {   
  57.             strTemp=cRules[j].style.cssText + " ";   
  58.             strCssstrCss=strCss.concat(strTemp);   
  59.         }   
  60.     }   
  61.     alert(strCss);   
  62. }   
  63.   
  64. function setCss()   
  65. {   
  66.    document.styleSheets[0].rules[0].style.cssText='color:#8040f0';   
  67. }   
  68. </script>  
  69. </head>  
  70. <body>  
  71.   <form name="frmTest">  
  72.     <input type="button" name="b1" value="获得meta" onclick="showMeta();"/>  
  73.     <input type="button" name="b2" value="获得css" onclick="showCss();"/>  
  74.     <input type="button" name="b2" value="设置css" onclick="setCss();"/>  
  75.   </form>  
  76.   <span class="css1">My Name is NorthSnow</span>  
  77. </body>  
  78. </html>  

 



文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: Js
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.