CSS DOM动态样式
CSS DOM动态样式
人间四月 发表于2年前
CSS DOM动态样式
  • 发表于 2年前
  • 阅读 4
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: CSS DOM动态样式

CSS DOM动态样式

即使用JS操作CSS中的各属性。

JS只能操作或者修改行内样式,imgObj.style.border= ‘1px solid red’

对于类样式可以通过className来赋值,imgObj.className= “imgClass”


style对象

每个HTML标记都有一个style属性,这个style属性也是一个style对象。

style对象的属性和CSS中的属性一一对应。故,可以使用style对象来代替CSS

    imgObj.style.border= “1px solid red”

style对象属性与CSS属性的转换:
  1. 如果是一个单词,style对象属性,跟CSS属性一样

  2. 如果是多个单词,第一个单词全部小写,后面每个单词首字母大写,并去掉中划线


共有 人打赏支持
粉丝 3
博文 70
码字总数 30455
×
人间四月
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: