DOM获取元素样式：获取元素行内样式（.style）、获取元素内部样式（getComputedStyle）

最新推荐文章于 2024-07-17 16:46:41 发布

陌一一

最新推荐文章于 2024-07-17 16:46:41 发布

阅读量2.1k

点赞数

分类专栏： web前端开发文章标签： html css 前端 javascript 开发语言

本文链接：https://blog.csdn.net/a1598452168YY/article/details/127405329

版权

本文介绍了如何使用DOM操作HTML元素的样式，包括获取和操作行内样式、内部样式和外部样式。重点讲解了getComputedStyle方法及其在不同浏览器中的兼容性，以及IE6,7,8版本的currentStyle属性。通过实例展示了如何获取和修改元素的背景颜色、宽度等样式属性。" 136774150,14586329,微信小程序数据请求与展示入门指南,"['微信小程序', '前端开发', '数据请求', '数据展示']

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

1、引入：

首先写一个div标签，给它加上行内样式和内部样式：

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #box{
            height: 100px;
            background-color:green;
        }
    </style>
</head>
<body>
    <div id="box" style="width:100px;color:black">111</div>
</body>
</html>

结果：