js操作css樣式

2022-06-04 16:51:12 字數 786 閱讀 3889

1.js操作css樣式

例如 div . style . width=「100px」。

就是在div標籤內我們新增乙個style屬性,並設定了width值,這種寫法會給標籤帶來大量的style屬性,跟實際專案是不符合的,我們沒有讓css和html分離。

所以如果是為了獲取css樣式 用 window . getcomputedstyle( ) 獲取經過計算機計算的所有屬性。  只要渲染出來的都是經過計算的

getcomputedstyle( ) 第乙個引數是當前元素,第二個一般我們寫null ,並且這個方法是唯讀。

ie6-8 不支援這個寫法,用currentstyle

唯讀:是只能獲取不能修改。

可寫:可以修改的。

2.try catch(error)     不報錯執行try裡面的**塊,報錯執行catch裡面的**塊。

前提條件是必須報錯,如果不報錯不能使用。

總結:目前解決js相容的方法

1. ||   var dd =document . documentelement.clientwidth|| document.body . clientwidth

2.if( )else

3.trycatch(err)

null和undefined的區別

兩者都表示沒有值

null是這個東西是天生存在但是沒有給值。

undefined這個東西壓根就不存在的是人為定義的,並且沒賦值。

元素節點的樹狀圖

document>documentelement>body>tagname

JS操作css樣式

操作內聯樣式 通過js修改元素的樣式 通過style屬性設定的樣式都是內聯樣式,而內聯樣式具有較高的優先順序,所以通過js修改的樣式往往會立即顯示 讀取元素的樣式 獲取元素當前顯示的樣式 currentstyle 語法 元素.currentstyle.樣式名 getcomputedstyle 該方法...

操作css樣式

css樣式之屬性操作 一 文字屬性 1.text align cnter 文字居中 2.line heigth 垂直居中 行高,和高度對應 4.text decoration none 去掉超連結下劃線 5.要是給a標籤修改顏色的時候,就定到a標籤上,用繼承有 時候是搞不定的因為繼承的級別是很低的,...

操作css樣式

div。style。width 100px 在div標籤內我們新增了乙個style屬性,並設定了width值。這種寫法會給標籤帶來大量的style屬性,跟實際專案是不符。我們沒有讓css和html分離。所以如果是為了獲取css樣式 window。getcomputedstyle 獲取經過計算機算的所...