用JavaScript修改CSS文本样式的方法
最编程
2024-08-10 12:08:31
...
1.改变cssText
例 2.1
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</HEAD>
<BODY>
<SPAN ID="a" STYLE="ONE</SPAN>
<SPAN ID="b" STYLE="TWO</SPAN>
<FORM>
<INPUT TYPE="button" VALUE="点 ME" onClick="clickMe()">
</FORM>
<SCRIPT>
function clickMe()
{
var mySp = document.getElementsByTagName("SPAN");
/*
style.cssText (Property)
The CSS style sheet specification source text for this style object.
Property/method value type: String primitive
JavaScript syntax: IE myStyle.cssText
the following statement's result is mySpans[mySpans.length-1].style.cssText="background-color:BLUE"
*/
mySt1 = mySp[mySp.length-1].style.cssText;
//alert( "mySpans[mySpans.length-1].style.cssText is"+mySpans[mySpans.length-1].style.cssText);
mySp[0].style.cssText = mySt1;
}
</SCRIPT>
</BODY>
</HTML>
更多内容请见原文，文章转载自：https://blog.****.net/qq_43650923/article/details/102805095
例 2.1
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</HEAD>
<BODY>
<SPAN ID="a" STYLE="ONE</SPAN>
<SPAN ID="b" STYLE="TWO</SPAN>
<FORM>
<INPUT TYPE="button" VALUE="点 ME" onClick="clickMe()">
</FORM>
<SCRIPT>
function clickMe()
{
var mySp = document.getElementsByTagName("SPAN");
/*
style.cssText (Property)
The CSS style sheet specification source text for this style object.
Property/method value type: String primitive
JavaScript syntax: IE myStyle.cssText
the following statement's result is mySpans[mySpans.length-1].style.cssText="background-color:BLUE"
*/
mySt1 = mySp[mySp.length-1].style.cssText;
//alert( "mySpans[mySpans.length-1].style.cssText is"+mySpans[mySpans.length-1].style.cssText);
mySp[0].style.cssText = mySt1;
}
</SCRIPT>
</BODY>
</HTML>
更多内容请见原文，文章转载自：https://blog.****.net/qq_43650923/article/details/102805095
上一篇： 如何获取样式值？
推荐阅读
-
JavaScript 实时修改 CSS 样式的方法
-
实战！用JavaScript修改CSS的style、className和cssText的方法
-
两种使用JavaScript修改CSS样式的方法
-
用JavaScript修改CSS文本样式的方法
-
实战原生JavaScript修改CSS样式的方法汇总
-
四种使用原生JavaScript修改CSS样式的方法
-
用JavaScript和jQuery改变CSS样式的方法
-
用JavaScript原生方法操作CSS样式的详细指南
-
用jQuery修改CSS中带有!important的关键字的样式属性
-
如何使用JavaScript的setAttribute方法批量设置CSS样式？