javascript如何改变cssText

最新推荐文章于 2023-10-05 19:57:11 发布
最新推荐文章于 2023-10-05 19:57:11 发布
阅读量205 收藏
点赞数
分类专栏： javascript 文章标签： javascript cssText cssText
原文链接：https://blog.csdn.net/mark_to_win/article/details/88624492
版权

1.改变cssText
例 2.1
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</HEAD>
<BODY>
<SPAN ID="a" STYLE="background-color:RED">ONE</SPAN>
<SPAN ID="b" STYLE="background-color:BLUE">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>

更多请见：http://www.mark-to-win.com/tutorial/js_3_cssText.html

仔仔尔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS修改css样式style浅谈
12-03
一、局部改变样式 分为改变直接样式，改变className和改变cssText三种。需要注意的是： 注意大小写： javascript对大小写十分敏感，className不能够把“N”写成“n”，cssText也不能够把“T”写成“t”，否则无法实现效果。 调用方法： 如果改变className，则事先在样式表中申明类，但调用时不要再跟style，像document.getElementById(‘obj’).style.className=”…”的写法是错误的！只能写成：document.getElementById(‘obj’).className=”…” 改变cssText 但是如果用c
js中用cssText设置css样式 (
iteye_18388的博客
09-19 165
如果网页中一个 id为“no”的标签，暂且当div标签来tell； 想要在js中设置这个div的css样式，很一般的做法是： var obj = document.getElementByIdx_x_x('no'); obj.style.width = '400px'; obj.style.height = '300px'; 如果要设置一堆又一堆的css样式呢，太麻烦了把、 一般情况下...
js中用cssText设置css样式
L_211314的博客
07-26 593
用obj.style.cssText="width:300px;height:300px";可以简化大量style样式
JavaScript中的style.cssText使用教程
10-25
主要介绍了JavaScript中的cssText是什么,style.cssText使用教程,cssText返回值是什么,需要的朋友可以参考下
JavaScript中setAttribute用法介绍
10-27
首先，当我们需要改变元素的CSS类（class）时，`setAttribute("class", value)`通常被用来设置新的类名。例如，如果我们创建了一个新的`<input>`元素，并希望给它添加一个名为"bordercss"的类，我们可以这样写： ``...
JavaScript修改css样式style
10-30
3. 改变cssText：我们可以改变对象的cssText属性，例如document.getElementById('obj').style.cssText="..."。 需要注意的是，JavaScript对大小写十分敏感，className不能够把“N”写成“n”，cssText也不能够把“T...
js中用事实证明cssText性能高的问题
10-28
在JavaScript中，对CSS样式的操作是Web开发中常见的任务，而如何高效地进行这些操作则直接影响了网页的性能。本文通过一个简单的测试案例探讨了使用`cssText`属性批量操作样式相对于逐个设置样式属性的性能优势。 ...
通过js 快捷给元素设置多个css属性 -- cssText
Dark_programmer的博客
12-14 3088
cssText js操作dom元素是很常见的操作。 有这么一个场景，对新创建的dom元素通过js设置多组css属性。 基操： let element = document.createElement("div"); document.body.appendChild(heart).innerHTML = '我是新建元素的文案'; element.style.height = '100px'; // 设置元素高度 element.style['text-align'] = '100px'; // 设置元素行
用cssText批量修改样式
09-05 297
一般情况下我们用js设置元素对象的样式会使用这样的形式： var element= document.getElementById(”id”);  element.style.width=”20px”;  element.style.height=”20px”;  element.style.border=”solid 1px red”;  样式一多，代码就很多；而且通过JS来覆写对象的样式是
如何用JS来动态设置CSS样式
最新发布
xinyuerr的博客
10-05 380
/ 在原有样式操作 document.styleSheets[0].addRule(".box", "height: 100px");如果属性有"-"号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style["text-align"] = "100px";
JS设置CSS样式的几种方式
xx_xiaoxinxiansen的博客
06-27 1858
JS设置CSS样式的几种方式 用JS来动态设置CSS样式，常见的有以下几种   1. 直接设置style的属性  某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign）  如果想保留 - 号，就中括号的形式  element.style['text-align'] = '100px'; element.style.
原生JS中 cssText的用法，可以给样式加!important权重
tangcc的博客
09-08 6085
就像在html中写style=“”一样一次写一堆，但是给cssText设置后原先的css样式被清掉了，只有最新设置的值; document.getElementById("id").style.cssText = "font-size:100px!important;width:100px;" 如果要不影响原先设置的css,可以这样写 document.getElementById("id"...
javascript 动态修改css样式方法汇总(四种方法)
里米的博客
06-26 827
cssText 本质是什么？ cssText 的本质就是设置 HTML 元素的 style 属性值。 cssText怎么用？ document.getElementById("d1").style.cssText = "color:red; font-size:13px;"; cssText 返回值是什么？ 在某些浏览器中（比如 Chrome），你给他赋什么值，它就返回什么值。 ...
css 更改text样式,CSS样式更改——文本Content
weixin_42487737的博客
08-03 561
原标题：CSS样式更改——文本Content上篇文章主要讲述了CSS样式更改中的背景Background，这篇文章我们来谈谈文本Content内容的基础用法1)).首行缩进文本2)).文本对齐方式left 左边right 右边center 中间justify 两端对齐3)).字间距4)).文本间距5)).文本转换none 不转换uppercase 大写lowercase 小写capitalize ...
使用JS修改CSS的方法
热门推荐
明凯博客
07-09 1万+
1.js修改单个元素的css属性。 document.getElementById("obj").className="…"; document.getElementById("obj").style.backgroundColor="#003366"; 2.js修改整个页面的css属性。 link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /> <span on click="javascript:docum
js中cssText批量修改元素样式
lwf的博客
05-11 2067
平常编写代码，更改一个元素样式的时候，自己都是用obj.style.width = "200px"; obj.style.position = "absolute"; obj.style.left = "100px";之类的代码进行设置，这样的话如果更改样式很多的时候，就要写很多代码。 使用Javascript批量修改样式的方法： cssText 的使用:　　　　obj.cssText = "
如何用js修改css样式？
高先生的猫
06-30 1784
如何用js修改css样式？下面本篇文章就来给大家介绍一下使用javascript修改css样式的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 共用代码： <div id="div">这是一个盒子</div> var div = document.getElementById("div"); 第一种：用cssText div.style.cssText='width:600px;height:250px;border:1px red solid;t
js中用事实证明cssText性能高的问题.docx
01-21
js中用事实证明cssText性能高的问题.docx

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值