一、基本操作:
1.增:
(1) document.createelement(); //建立元素節點;
(2) document.createtextnode(); //建立文字節點;
(3) doucment.createcomment(); //建立注釋節點;
(4) .createdocumentfragment(); //建立一虛擬的節點物件,
節點物件包含所有屬性和方法。
2.插:
(2) parentnode.insertbefore();
例:div.insetbofore(a(
insert
),b(
before
)); //把a插入到b之前;
3.刪:
(1) parent.removechild(); //剪下
(2) child.remove(); //銷毀
4.替換:
parent.replacechild(new,orign);
注:原來的orign被剪下出來;
二、其它操作:
1.檢視滾動條距離:
window.pagexoffset/pageyoffset;
2.檢視視口尺寸:
window.innerwidth/innerheight;
3.檢視瀏覽器模式:
document.compatmode;
(1) 標準:"css1compat"
(2) 怪異:"backcompat"
4.檢視元素的尺寸:
dom.offsetwidth/dom.offsetheight
5.返回文件最近的父級座標:(父級需定位)
dom.offsetleft/dom.offsettop
6.返回最近的定位父級元素:
dom.offsetparent
注:(1) 如無父級,返回
(2) body.offsetparent;返回null;
7.滾動條運動方法:
(1) scroll(),scrollto(); //滾動到,不累加;
(2) scrollby(); //滾動到,累加;
例:scroll(0,100);
Js操作 DOM操作
一 節點屬性 dom 是樹型結構,相應的,可以通過一些節點屬性來遍歷節點樹 方法說明 nodename 節點名稱,相當於tagname.屬性節點返回屬性名,文字節點返回 text。nodename,是唯讀的。nodetype 節點的型別,返回值 1,元素節點 2,屬性節點 3,文字節點。nodety...
DOM的基本操作
dom是針對於html和xml文件的乙個api 應用程式程式設計介面 是w3c組織推薦的處理可擴充套件標誌語言的標準程式設計介面。在網頁上,組織頁面 或文件 的物件被組織在乙個樹形結構中,用來表示文件中物件的標準模型就稱為dom。當網頁被載入時,瀏覽器會建立頁面的文件物件模型 在dom中,可以將任何...
DOM的基本操作
1.dom屬性的基本操作 增 刪 改 查 改變元素的內容 innerhtml 屬性 value 樣式 width,height,background 也就是對dom進行增刪改查 dom的屬性操作,增刪改查 什麼是元素的屬性?class就是元素的屬性,寫在元素內的所有東西都是元素的屬性,比如link的...