javascript – Inline-Stilattribute festlegen.

Question

Zum Beispiel: <p style="color:red">Legen Sie das Attribut des p-Tags fest<p>
Warum p.style.color verwenden?
Warum nicht style.color?
Stil kann als Objekt betrachtet werden und Farbe ist ein Attribut. Verwenden Sie einfach style.color direkt.

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

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