87,904
社区成员
发帖
与我相关
我的任务
分享用javascript能得到css文件内的样式定义吗？
如有一个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)！多谢啦！
<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)！多谢啦！
...全文
请发表友善的回复…
发表回复
cybernaute 2004-10-09
- 打赏
- 举报
关于styleSheet Object:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/obj_stylesheet.asp
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>
这个代码帅，先做个标记，学到了。
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>
function getCss()
{
var o = document.styleSheets[0];
var a = o.rules[0];
var b = a.style.cssText;
alert(b);
}
</SCRIPT>
