JavaScript访问meta和css-悠悠博客

JavaScript访问meta和css

2007-3-10 6:57:12 发布:Y0uYoU

<html>
<head>
<meta name="myName" content="NorthSnow" />
<meta name="myCity" content="Chang Chun" />
<meta name="myCareer" content="IT" />
<meta name="myDream" content="more and more simple" />
<title>this is a test</title>
<style type="text/css">...
.css1 {
color:red;font-weight:bold;
}

.css2 {
color:blue;font-weight:normal;
}
p {
color:#777777;
}
</style>

<style type="text/css">...
.css3 {
color:green;font-weight:bold;
}

.css4 {
color:yellow;font-weight:normal;
}
</style>

<script language="javascript">...
function showMeta()
{
var metas = document.getElementsByTagName("meta");
var strMeta=new String();
var strTemp;
for(var i=0;i < metas.length;i++)
{
strTemp=metas[i].name + "=" + metas[i].content + " ";
strMeta=strMeta.concat(strTemp);
}
alert(strMeta);
}

function showCss()
{

var cSSs = document.styleSheets;
var strCss=new String();
var strTemp;
alert(cSSs.length);
for(var i=0;i < cSSs.length;i++)
{
var cRules=cSSs[i].rules;
for(var j=0;j<cRules.length;j++)
{
strTemp=cRules[j].style.cssText + " ";
strCss=strCss.concat(strTemp);
}
}
alert(strCss);
}

function setCss()
{
document.styleSheets[0].rules[0].style.cssText='color:#8040f0';
}
</script>
</head>
<body>
<form name="frmTest">
<input type="button" name="b1" value="获得meta" onclick="showMeta();"/>
<input type="button" name="b2" value="获得css" onclick="showCss();"/>
<input type="button" name="b2" value="设置css" onclick="setCss();"/>
</form>
<span class="css1">My Name is NorthSnow</span>
</body>
</html>

原创文章如转载，请注明：转载自悠悠博客 [ http://www.ajaxstu.com/ ]

本文链接地址：http://www.ajaxstu.com/archives/2030_C3.html

Tags: Javascript 分类: JavaScript常用脚本评论:0 引用:0 浏览:

点击这里获取该日志的TrackBack引用地址