用 js 设定标签的样式，并解决语法兼容性的问题

夜深人静_

于 2020-03-29 03:30:14 发布

阅读量309

点赞数

分类专栏： h5大前端学习日结文章标签： javascript js 前端

本文链接：https://blog.csdn.net/weixin_46236141/article/details/105172789

版权

这篇博客详细介绍了如何使用JavaScript给标签设定和获取样式，包括语法、实例以及兼容性处理方案。在设定和获取标签样式时，文章强调了在实际项目中，尤其是在仅使用原生JavaScript的情况下，需要关注兼容性问题。对于覆盖的样式，文章指出获取的是最终执行的样式属性值，并提供了if判断的兼容处理方法。

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

设定标签的样式

1. 给标签设定样式

语法

标签对象.style.属性 = 属性值

2. 获取标签设定的样式

语法

标签对象.style.属性

实例

var oDiv = document.querySelector('div');
// 通过 标签对象.style.属性 = '属性值'
// 设定的是标签的行内样式
// oDiv.style.color = 'red';

// 获取样式

// 行内样式,正确获取
console.log( oDiv.style.color );
console.log( oDiv.style.background