Javascript Dom对象 | CSSStyleDeclaration对象

注意
    CSSStyleDeclaration对象获取的都是行内样式,对于style标签内的样式或者link引入的样式将不包含在内

示例:

 link引入部分
	#hello {
	  background-color: aquamarine;
	}
 style标签部分
 	<style>
      #hello {
        font-size: 32px;
      }
    </style>
 html部分
 	<div id="hello" style="color:red">
      hello
    </div>
 js部分
 let dom = document.getElementById("hello");

如何获取CSSStyleDeclaration?
  dom.style

如何获取行间样式的字符串
  dom.style.cssText

如何设置行间样式
  dom.style.backgroundColor = xx

style能够获取的属性如下所示
在这里插入图片描述

就是 dom.style的值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值