JavaScript 获取和修改 内联样式

---

JS 还可以获得最终影响到当前元素的所有样式 —— 计算后的样式

---

方式：

- 获得计算后的样式对象：var style = getComputedStyle(elem);

- 从 style 对象中提取想要的 css 属性值：var fontSize = style.fontSize;

计算后的样式为绝对单位值。

计算后的样式都是只读 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 的，不可以修改！

案例代码

//获得计算后的样式

var style=getComputedStyle(t1);

// console.log(style);

console.log(style.color);

console.log(style.fontSize);

console.log(style.width);
console.log(style.border);
console.log(style.borderTop);
console.log(style.borderTopWidth);
结束，越来越糊弄了~