用javascript能得到css文件内的样式定义吗?

Huku 2004-10-09 02:07:08
如有一个html文件
<HTML>
<HEAD>
<LINK rel="STYLESHEET" type="text/css" href="style.css">
<SCRIPT>
function getCss(obj)
{
....
}
</SCRIPT>
</HEAD>
<BODY>
<FROM>
<INPUT type="button" value="取得CSS样式内容" onclick="getCss(this);" class="btn1">
</FORM>
</BODY>
</HTML>

--------------------
style.css 内容如下:
.btn1{
height : 22px;
cursor : hand;
vertical-align : bottom;}

目标效果:点击按钮后可以显示出当前按钮css样式的完全定义内容,
即可以弹出一个对话框,内容为:
height : 22px;
cursor : hand;
vertical-align : bottom;

请指教如何实现function getCss(obj)!多谢啦!
...全文
101 4 打赏 收藏 举报
写回复
4 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
cybernaute 2004-10-09
  • 打赏
  • 举报
回复
关于styleSheet Object:

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/obj_stylesheet.asp
多菜鸟 2004-10-09
  • 打赏
  • 举报
回复
<SCRIPT>
function getCss()
{
var o = document.styleSheets[0];
var a = o.rules[0];
var b = a.style.cssText;
alert(b);
}
</SCRIPT>
这个代码帅,先做个标记,学到了。
wwj9252003 2004-10-09
  • 打赏
  • 举报
回复
这个不会,帮搂主顶一下吧!
cybernaute 2004-10-09
  • 打赏
  • 举报
回复
<SCRIPT>
function getCss()
{
var o = document.styleSheets[0];
var a = o.rules[0];
var b = a.style.cssText;
alert(b);
}
</SCRIPT>
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2004-10-09 02:07
社区公告
暂无公告