2020-11-06操作元素样式

操作元素样式

  • 通过类名添加样式

  • 元素.className = 类名;

  • 通过js方法添加行内样式

  • 元素.style.属性名 = 属性值;

  • 注意：
    • 通过style只能获取行内样式
    • 通过style会覆盖CSS样式，因为是行内样式
    • 若想获取CSS样式，可通过window.getComputedStyle(元素)返回一个对象，然后通过对象.属性名获取

  • 通过getComputedStyle(元素)获取样式

  • 注意：

    • 读取的样式是最终样式，包括了内联样式、嵌入样式和外部样式。

    • 会随着元素的样式更改自动更新

    • 返回一个对象，通过对象.属性取得样式

    • 只能获取，不能修改

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容