js學習（十三） 使用DOM操作CSS

目錄2.讀取元素的樣式（不限範圍）

3.其他樣式相關的屬性

css設定參考手冊(

元素.style.樣式名 = 樣式值

注意如果css的樣式名中含有-，這種名稱在js中是不合法的需要將這種樣式名修改為駝峰命名法，去掉-，然後將-後的字母大寫

box1.style.width = "300px";

元素.currentstyle

（只有ie支援，其他的不支援）

它可以用來讀取當前元素正在顯示的樣式

getcomputedstyle()

getcomputedstyle(box,null).width

通過currentstyle和getcomputedstyle()讀取到的樣式都是唯讀的，不能修改，如果要修改必須通過style屬性

自定義函式，讓ie8和其他瀏覽器都相容

function getstyle(obj,name)else

}//使用三元運算子
return window.getcomputedstyle?getcomputedstyle(obj,null)[name]:obj.currentstyle[name];

html dom element 物件(

offsetwidth和offsetheight

獲取元素的整個的寬度和高度，包括內容區，內邊距和邊框

offsetparent

可以用來獲取當前元素的定位父元素

id="box1"

我已仔細閱讀協議，一定遵守

Js操作 DOM操作

一 節點屬性 dom 是樹型結構，相應的，可以通過一些節點屬性來遍歷節點樹 方法說明 nodename 節點名稱，相當於tagname.屬性節點返回屬性名，文字節點返回 text。nodename，是唯讀的。nodetype 節點的型別，返回值 1，元素節點 2，屬性節點 3，文字節點。nodety...

js學習 5 操作DOM物件

dom 文件物件模型 瀏覽器網頁就是乙個dom樹形結構 更新 更新dom節點 遍歷dom節點 得到dom節點 刪除 刪除dom節點 新增 新增乙個新的節點 要操作乙個dom節點，就必須要先獲得這個節點 獲得節點 window.onload function 更新節點 h2.innertext 我是h...

js操作dom節點

1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...