DOM概念與獲取元素

2021-10-09 13:04:44 字數 884 閱讀 1041

dom(document object model):文件物件模型

通過開發者工具可以看到

整個文件是由一系列的節點物件組成的一棵樹

節點(node)包括元素節點(1)、屬性節點(2)、和文字節點(3)

th1代表乙個元素節點(nodetype=1),nodename是標籤名(th)元素節點的

節點名稱就是屬性名,節點值就是屬性值

(1)getelementbyid根據元素的id屬性來獲取元素,獲取到的是乙個元素

(2)getelementsbytagname根據標籤名來獲取元素,獲取到的是乙個元素集合

(3)getelementsbyclassname根據class屬性來獲取元素,獲取到的是乙個元素集合

(4)getelementsbyname根據name屬性來獲取元素,獲取到的是乙個元素集合

總結:獲取元素可以根據標籤名獲取,也可以根據id、name、class屬性來獲取。

根據id屬性獲取的結果是乙個元素,其他的是乙個元素集合

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

angular 獲取 DOM 元素

viewchild配合local template variable 原生元素可以通過local variable獲取。在寫元件時,我們可以直接在元件模版裡給這個 input 標籤加標記 譬如 myinput 然後把標記傳給 viewchild用來獲取該元素。當元件初始化後,你就可以通過 rende...