js學習筆記14 DOM概念及子節點型別

2021-09-07 09:13:53 字數 856 閱讀 5476

1.概念

dom:document object model---文件物件模型

文件:html頁面

文件物件:頁面中的元素

文件物件模型:是一種定義,為了能夠讓程式(js)去操作頁面中的元素。

dom會把文件看成一棵樹,同時定義了很多方法來操作這棵樹中的每乙個元素(節點)。

dom節點:節點樹中的每乙個元素。

文件節點:每個文件的根節點,是文件的最外層元素。每個文件只能有乙個文件元素。在html頁面中,文件元素始終是

2.節點型別

元素.nodetype : 唯讀屬性,當前元素的節點型別

dom 節點型別有12種:

元素節點 : 1

屬性節點 : 2

文字節點 : 3

元素.childnodes : 唯讀屬性,子節點列表集合。

標準下:包含了文字和元素型別的節點,也會包含非法巢狀的子節點(如ul裡面巢狀p)。

非標準下:只包含了元素型別的節點,ie7以下不會包含非法巢狀的子節點。

只包含一級子節點,不包含孫級節點。

元素.children: 唯讀屬性,子節點列表集合。用法類似於childnodes。

標準下和非法標準下都只包含元素型別的節點。

元素.attributes : 唯讀屬性,獲取元素的屬性集合

元素.attributes.name : 屬性名

元素.attributes.name : 屬性值

JS學習筆記 DOM

什麼是dom?文件物件模型 dom 是html和xml文件的程式設計介面。它提供了對文件的結構化的表述,並定義了一種方式可以使從程式中對該結構進行訪問,從而改變文件的結構,樣式和內容。dom 將文件解析為乙個由節點和物件 包含屬性和方法的物件 組成的結構集合。簡言之,它會將web頁面和指令碼或程式語...

PHP學習筆記 變數概念及使用

變數 php是一種動態 開發的指令碼語言,動態語言特點是互動性,互動性就會有資料的傳遞,而 php 作為 中間人 需要進行資料的傳遞,傳遞的前提就是php能自己儲存資料 臨時儲存 這就需要變數 變數基本概念 變數 於數學,是計算機語言中能儲存計算結果或能表示值抽象概念 變數可以通過變數名訪問,在指令...

jQuery學習筆記 一 基本概念及元素選擇

最近開始學習jquery,把自己學到的東西整理一下,記成筆記,方便查閱。1.當其他js庫與jquery的 符號重複時,可以使用jquery的noconfilict 方法修改符號,這裡注意el表示式是 不會衝突。2.ready方法能夠保證js的執行在頁面載入之後,所以使用ready可以將js 放置在頁...