問題描述

例如<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，那是不是改變所有東西的顏色呢？顯然這不成立。

你要設置顏色樣式，總該指明設置誰的顏色吧？