JS 里元素结点的 style 属性

DOM 里的元素结点都有一个 style 属性,用于控制元素结点的显示样式,与 CSS 里面的各属性有一一对应的关系
对应方式如:node.style.color 对应 CSS 里的 color
                node.style.fontSize 对应 CSS 里的 font-size
                即 首单词首字母小写,其他单词首字母大写的形式
style 属性是一个对象,可以用 typeof 来检验,该对象就封装了与 CSS 对应的属性

 

利用 node.style.* 方式来读取属性是有限制的,这种方式只能读取 页面元素里的内嵌 style 属性 或 JS 自己显示设置过的,而不能读取利用 <link> 方式从外部联接的 和 在 <head> 元素之间定义的 style,因为后两种方式的属性并没有被封装到 style 对象里面去,所以读取不到

 

另外,当用 JS 取元素结点的 class 属性时,应是利用 className 属性,而不是 class,至于为什么就不用多说了
当然对于一个 class 属性可以同时指定多个 className,只要用空格隔开就行了
如 <p class = "class1 class2 class3">asdf</p>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值