• 5659阅读
  • 0回复

【信息】用Javascript改变style [复制链接]

上一主题 下一主题
离线XChinux
 

只看楼主 倒序阅读 楼主  发表于: 2005-09-05
例1

<%@ Language=VBScript %>
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<style id=wstyle>
.txt1{background-Color:skyblue}
</style>
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function button1_onclick() {
//window.alert(window.document.styleSheets[0].rules('txt1').style.backgroundColor);
window.document.styleSheets[0].rules('txt1').style.backgroundColor='yellow';
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
<%for y = 1 to 10%>
<INPUT type="text" id=text1 name=text1 class=txt1><br>
<%Next%>
<INPUT type="button" value="Button" id=button1 name=button1 LANGUAGE=javascript onclick="return button1_onclick()">
</FORM>
</BODY>
</HTML>

例2

<style>
BODY {
    FONT-SIZE: 9pt; background:#FFFFFF;
    scrollbar-face-color: #FFEFEF;
    scrollbar-highlight-color: #FFEFEF;
    scrollbar-shadow-color: #FFEFEF;
    scrollbar-3dlight-color: #FF9AB5;
    scrollbar-arrow-color: #FF9AB5;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #FF9AB5;
}
</style>
<body>
<button onclick="document.body.style.background='red'">Red</button>
二笔 openSUSE Vim N9 BB10 XChinux@163.com 网易博客 腾讯微博
承接C++/Qt、Qt UI界面、PHP及预算报销系统开发业务
快速回复
限100 字节
 
上一个 下一个