JS中操作及读取内联样式的方法

最新推荐文章于 2024-03-30 05:15:57 发布

Fantasc

最新推荐文章于 2024-03-30 05:15:57 发布

阅读量387

点赞数

分类专栏： JS基础学习文章标签： javascript

本文链接：https://blog.csdn.net/Fantasc/article/details/119457505

版权

本文介绍了如何使用JavaScript来改变和读取元素的内联样式。通过元素.style.样式名 = 样式值的方式可以设置样式，而元素.style.样式名则用于读取样式，但只能获取到内联样式，无法读取样式表中的定义。

摘要由CSDN通过智能技术生成

box.style.width = "100px";//将id为box的宽度设置为100px

读取元素的样式：
用法：元素.style.样式名; 通过style属性读取和设置的样式都是内联样式，无法读取样式表中的样式，所以通过style属性来读取的话，在没有对元素的样式进行修改之前读取样式是读取不到的。

alert(box.style.backgroundColor);

改变一个div元素的样式以及通过style属性来读取修改后的内联样式，练习代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

关注

专栏目录