设置行内style属性。

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

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

Answer 4

var p = {
  style: {
    color: '#fff'
  }
}
console.log(p.style.color) // #fff

style.color = 'red' // style is not defined

Answer 5

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

Answer 6

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