JS中的DOM基本操作

2022-07-31 10:30:24 字數 1394 閱讀 6989

一、基本操作:

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的...