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 獲取經過計算機算的所...