javascript - 设置行内style属性。

问题描述

例如<p style='color:red'>设置p标签的属性<p>为什么使用p.style.color呢？怎么不style.color呢？style是可以看做一个对象，那color就是属性。直接使用style.color不就可以。

问题解答

不可以的，Style作为HTML元素的一个属性，然后其值会浏览器解析成为内联样式。

style本身就是p这个dom元素上拥有的一个属性，需要通过当前元素去访问 直接访问style.color 解析不了你要访问哪个元素的style 就报错了

<p style=’color:#fff;font-size:16px’>

style属于p款及元素的内联样式，是设置p的属性，属性里面的color和font-size相当于属性值。

var p = { style: { color: ’#fff’ }}console.log(p.style.color) // #fffstyle.color = ’red’ // style is not defined回答5：

style是个属性，必须在对象后面。你试想下，假如直接style.color，那是不是改变所有东西的颜色呢？显然这不成立。

你要设置颜色样式，总该指明设置谁的颜色吧？