cssText属性的使用「建议收藏」

cssText属性的使用「建议收藏」cssText是什么?简单来说是设置元素的style属性值,比如 ele.style.cssText = 'display: block';

大家好,又见面了,我是你们的朋友全栈君。

 

  cssText是什么?

  简单来说是设置元素的style属性值,比如 ele.style.cssText = ‘display: block’;

 

  cssText的使用场景

  有时我们需要使用原生jscss样式,比如

  obj.style.width = ‘100px’; 

  obj.style.height = ‘100px’;

  这种写法1,2个样式还好,当出现多个样式时,这种写法就会显得比较繁琐,

  并且js覆写样式是会销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器的开销。

 

  解决的办法

  使用cssText属性进行累加,比如

  ele.style.cssText += ‘width: 100px;height: 100px;color: #000;font-size: 14px;background: #ccc’;

  原文参考

 

  

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/154478.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • PO模式介绍

    PO模式介绍目标1.深入理解PO模式的思想2.熟练掌握PO模式的分层思想1.存在的问题在做UI自动化时定位元素特别依赖页面,一旦页面发生变更就不得不跟着去修改定位元素的代码。举例:假设要对一个元素进行点击操作,而且会经常对该元素进行操作,那么你就可能会编写多处如下代码 1 driver.find_element_by_id(“login-btn”…

    2022年4月30日
    106
  • 自己制作一个java:11的docker镜像

    自己制作一个java:11的docker镜像

    2021年8月4日
    215
  • 《FFmpeg从入门到精通》读书笔记(五)

    《FFmpeg从入门到精通》读书笔记(五)写在前面2019.06.24第六章FFmpeg滤镜使用(至6.5结束)FFmpeg滤镜使用FFmpeg滤镜Filter描述格式参数排列方式[输入流或标记名]滤镜参数[临时标记名];[输入流或标记名]滤镜参数[临时标记名]…例如:输入两个文件,一个视频文件input1.mp4,一个图片logo.jpg,将图像流缩放为2000×2000分辨率,放置在视频的左上…

    2022年6月26日
    24
  • MySql修改表名的两种方法

    MySql修改表名的两种方法一、renamerenametable旧表名to新表名;renametablemysutonew_su;二、alteraltertable旧表名rename[as]新表名altertablemysurenameasnew_su;

    2022年6月1日
    25
  • SPI接口详细介绍

    SPI接口详细介绍1.概述SPI=SerialPeripheralInterface,是串行外围设备接口,是一种高速,全双工,同步的通信总线。常规只占用四根线,节约了芯片管脚,PCB的布局省空间。现在越来越多的芯片集成了这种通信协议,常见的有EEPROM、FLASH、AD转换器等。优点:支持全双工,push-pull的驱动性能相比open-drain信号完整性更好;支持高速(100MHz以上…

    2022年6月10日
    54
  • 云生态:云计算棋局中的“胜负手”

    云生态:云计算棋局中的“胜负手”

    2022年3月6日
    32

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号