DOM初探（19）——读写元素CSS属性

最新推荐文章于 2022-01-20 17:44:17 发布

H_Cisco

最新推荐文章于 2022-01-20 17:44:17 发布

阅读量8.2k

点赞数 3

分类专栏： css JavaScript基础

本文链接：https://blog.csdn.net/hdq1745/article/details/88086900

版权

JavaScript 同时被 3 个专栏收录

80 篇文章 2 订阅

订阅专栏

JavaScript基础

77 篇文章 6 订阅

订阅专栏

css

28 篇文章 4 订阅

订阅专栏

视频：https://ke.qq.com/course/231577?taid=3983676656552089

脚本化CSS（一）：

读写元素CSS属性

dom.style.prop

可读写行间样式，没有兼容性问题，碰到float这样的保留字属性，前面应该加CSS

eg:float -àcssFloat(用原来得div.style.float也没毛病)

符合属性必须拆解，组合单词编程小驼峰式写法

写入的值必须是字符串格式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>abraham</title>
    </head>
    <body>
        <div style="width:100px;height:100px;background-color:red;"></div>
        <script type="text/javascript">
            var div = document.getElementsByTagName("div")[0];
        </script>
    </body>
</html>

咱们展开这个CSS2Properties(3)看看：

这是一个类数组吧，既有索引位的属性，又有正常的属性，你往下看看肯定还有个length属性。

这个样式表是可读可写的。类数组实际上就是对象，是对象就是就可以存取属性。

div.style只是展示元素的行间样式表，你没写到行间，就返回不出来。

若遇到像background-color(组合单词)这样的应该写成div.style.backgroundColor(小驼峰式)；

若遇到像float这样的关键字的，应该写成div.style.cssFloat；

H_Cisco

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
DOM初探（19）——读写元素CSS属性

视频：https://ke.qq.com/course/231577?taid=3983676656552089脚本化CSS（一）：读写元素CSS属性 dom.style.prop可读写行间样式，没有兼容性问题，碰到float这样的保留字属性，前面应该加CSSeg:float -àcssFloat(用原来得div.style.float也没毛病)符合属性必须拆解...
复制链接

扫一扫