如何修改element.style內聯樣式；

如何修改element.style內聯樣式；

 

咱們在寫前面 web頁面樣式的時候，會發現有些時候，咱們怎麼修改 style裏面的值，頁面上的樣式都不會修改，當你用工具查看時，會發現裏面會有 element.style的值，這個值還找不到是在哪裏出現的，還修改不了。

其實element.style是一種內聯樣式，不少狀況下是在一些JavaScript代碼裏寫死的，這種方法至關很差。可是有些時候，咱們在使用第三方js文件時，會遇到。哪麼咱們如何去修改它呢，在才源代碼中   用!important 語法優先權來實現咱們想要的效果。

 

 

 

 

舉個例子：

默認狀況下上面的圖片透明是綠色，咱們找不到element.style該怎麼修改呢，這時候就能夠在下面CSS樣式表裏面修改:

如上圖，在css樣式表裏面加入一個opacity: 100  ! important ; ，能夠看到的是最上面的opacity：0禁用，就是優先顯示opacity：100。