Web-js中級-11月13日

js操做css樣式

Div.style.width="100px".在div標籤內咱們添加了一個style屬性，並設定了width值。這種寫法會給標籤帶來大量的style屬性，跟實際項目不符。咱們沒有讓css和html分離

因此咱們是爲了獲取css樣式

window.getComputedStyle() 獲取通過計算機計算的全部屬性

就是隻要渲染出來的都是通過計算的。

getComputedStyle()第一個參數是當前元素，第二個通常咱們寫null

而且這個方法是隻讀，

Ie6-8 不支持這個用法，ie的是用currentStyle

2.try{

}catch(error){} 不報錯執行try裏面的代碼塊，報錯執行catch裏面的代碼塊。

前提條件是報錯，若是不是報錯不能使用

總結

Js解決兼容的方法

1. ||     Var dd=document.documentElement.clientWidth||document.body.clientWidth

2. if()else{}

3.. try{} catch(err){}

必須在報錯的條件下，和if  else比較性能上比較差，不在萬不得以的狀況下不使用

只讀和可寫：

只讀: 只能獲取不能修改

可寫：能夠修改的

 

Null和undefined的區別

Null和undefined都表示沒有值

 

Null 是這個東西是天生存在的可是沒給值。

若是咱們須要清除瀏覽器變量的內存須要賦值null

好比

var aa=document.getElementById("aa")

console.log(aa.parentNode.parentNode.parentNode.parentNode) null

Undefined 這個東西壓根就不存在的是人爲定義的而且沒賦值。

1. var a;undefined
2. Div.aa undefined

元素節點的樹狀圖

Document>documentElement>body>tagName