關於DOM的基礎知識

2021-09-29 22:13:59 字數 1281 閱讀 9098

dom獲取元素的方法

-- 在整個文件中,通過元素的id獲取到這個元素物件(獲取的是乙個元素)

-- 如果頁面中id重複了,那麼這個方法預設只獲得第乙個元素

-- 在ie6、7中,會把表單元素(input)的name屬性值當做id來使用

-- 在ie6、7中,不區分id的大小寫

-- 如果沒有獲取到,返回的結果是null

-- 獲取的是乙個物件資料型別結果,並且是乙個類陣列(以數字作為索引,索引從0開始,逐級遞增,索引代表的是當前對應的某乙個元素,length代表獲取的個數)

--

-- 在ie瀏覽器下只對表單元素起作用

-- 這個方法應用於獲取具有同樣name的表單元素

-- document.getelementsbyclassname是專案中最常用的一種方法,但是,這個方法不相容 在ie6

~8中會報錯

var curwidth=document.documentelement.clientwidth||document.body.clientwidth;

//相容所有瀏覽器的獲取當前螢幕的寬度

var curheight=document.documentelement.clientheight||document.body.clientheight;

//相容所有瀏覽器的獲取當前螢幕的高度

node(節點):乙個頁面中標籤、文字、注釋等都屬於節點

jquery中prev()和prevall()的原理:

function

prev

(ele)

return pre;

}function

preall

(ele)

pre=pre.previoussibling;

//如果pre.previoussibling!==1,就繼續查詢

}return ary;

}

jquery中next()和nextall()的原理:
function

next

(ele)

return next;

}function

nextall

(ele)

next=next.nextsibling;

//如果next.nextsibling!==1,就繼續查詢

}return ary;

}

dom基礎知識

dom 英文全稱 document object model 譯成中文即是 文件對像模型 聽起來很術語,其實就是文件內容的結構關係 文件型別可以是html或xml,dom具有對html檔案和xml檔案元素的訪問控制能力,簡單點說利用dom可以對某個html或xml檔案新增,修改,刪除元素 更改其現有...

DOM 基礎知識

dom樹中的元素節點 節點的屬性 x.nodevalue 節點物件x的值 唯讀 元素節點的 nodename 與標籤名相同 屬性節點的 nodename 是屬性的名稱 文字節點的 nodename 永遠是 text 文件節點的 nodename 永遠是 document x.nodename 節點物...

DOM基礎知識

首先,我們需要介紹什麼是dom。dom的英語全稱為document object model,翻譯成中文就 是文件物件模型。也就是說,將整個文件看作是乙個物件。而乙個文件又是由很多節點組成的,那麼這些節點也可以被看作是乙個個的物件。dom裡面的物件屬於宿主物件,需要瀏覽器來作 為宿主。一旦離開了瀏覽...