DOM獲取頁面元素

2022-09-11 09:36:09 字數 888 閱讀 8130

文件物件模型(document object model),是w3c阻止推薦的處理可擴充套件標記語言(html或者xml)的標準程式設計介面。w3c已定義了一系列的dom介面,通過這些dom介面可以改變網頁的內容、結構和樣式。

獲取頁面元素的方法:1.根據id獲取(getelementbyid()獲取元素)

2021-10-11

2.根據標籤名獲取(getelementsbytagname('標籤名')返回帶有指定標籤名的物件的集合)

注意:1.因為得到的是乙個物件的集合,所以我們想要操作裡面的元素就需要遍歷。

2.得到元素物件是動態的。

昨夜雨疏風驟

昨夜雨疏風驟

昨夜雨疏風驟

昨夜雨疏風驟

昨夜雨疏風驟

3.通過html5新增的方法獲取

盒子1盒子2

getelementbyid, getelementsbyname, getelementsbytagname, getelementsbyclassname四者之間的區別

getelementbyid(): 這個方法將返回乙個與那個有著給定id屬性值的元素節點對應的物件。

getelementsbyname(): 方法可返回帶有指定名稱的物件的集合。

getelementsbytagname(): 方法返回乙個物件陣列,每個物件分別對應著文件裡有著給定標籤的乙個元素。這個理解起來有點拗口。

w3school中是這樣定義的:此方法可返回帶有指定標籤名的物件的集合。

getelementsbyclassname(): 方法返回文件中所有指定類名的元素集合,作為 nodelist 物件。

通過DOM操作獲取html頁面元素

1.通過id名 document.getelementbyid 2.通過tag名 document.getelementbytagname document.getelementsbytagname 3.通過class名 document.getelementsbyclassname 4.通過sel...

DOM獲取元素大小

1.style獲取行內的元素大小 var box document.getelementbyid box alert typeof box.style.width alert box.style.height 2.獲取計算後的css大小,如果沒有設定,非ie會獲取預設大小,ie會理解為0 var s...

DOM元素的獲取

通過id獲取元素 document.getelementbyid id 通過class獲取元素 document.getelementsbyclassname class 注意 這裡不相容ie8及以下,jq的話獲取class不影響這裡,假如要這樣操作的話,你需要寫個方法 function getel...