65-操作css样式

获取/修改css样式

• 获取样式

  • .style

    let 标签变量名 = document.querySelector("标签")
    
    标签变量名.style.css属性名
    

    • 注意：

      • 不能获取内部样式和外部样式,只能获取当前标签上的内嵌样式
      • 如果css属性名由多个单词组成,需要使用小驼峰书写

  • getComputedStyle()

    let styles =  getComputedStyle(标签变量名,null)
    styles.css属性名
    

    • 可以标签上的所有样式，只能进行获取样式，不能修改样式

• 修改样式

  • .style

    let 标签变量名 = document.querySelector("标签")
    标签变量名.style.css属性名 = "css属性值"