DOM常用技術

2021-08-25 21:04:51 字數 797 閱讀 1358

1、dom:文件物件模型,是表示文件(如html文件)和訪問、操作構成文件的各種元素(如html標記和文字串)的應用程式介面(api)。

2、在dom中,文件的層次結構被表示成一顆倒立的樹,樹根在下,樹葉在下,樹節點表示文件中的內容。其中,dom樹的根節點是哥document物件,該物件的documentelement屬性引用表示文件根元素的element物件。對於html文件,表示文件根元素的element物件是標記,和元素是樹的枝幹。

3、獲取文件中的指定元素

有兩種直接搜尋文件中指定元素的方法:通過元素id屬性獲取元素和通過元素的name屬性獲取元素

1)通過元素id屬性獲取元素

使用document物件的getelementsbyid()方法可以通過元素的id屬性獲取元素。例如,獲取文件中id屬性為useid的節點的**如下:

document.getelementsbyid("useid");

2)通過元素的name屬性獲取元素

使用document物件的getelementsbyname()方法可以通過元素的name屬性獲取元素。例如,獲取文件中name屬性值為username的節點**如下:

document.getelementsbyname("username");

兩者的區別:

getelementsbyname()方法返回值為乙個陣列,getelementsbyid()方法返回的是乙個元素。如果想通過name屬性獲取頁面中唯一的元素,可以通過獲取返回陣列中下標為0的元素進行獲取。如:

document.getelementsbyname("username")[0];

JS 高階 DOM 技術

1 樣式程式設計 在js中改變元素的樣式 主要是通過元素的 style 屬性來完成 obj.style 可以獲得在html中宣告的 abc 中 style 屬性裡的內容 但我們無法獲得在標籤或外部css檔案中定義的該物件的屬性 但我們可以通過更改 style 屬性的值來改變物件的樣式 格式為 obj...

JavaScript物件 DOM技術

dom document object model 文件物件模型 dom技術 把標記文件變成物件樹,通過對這棵樹中的物件進行操作 增刪改查 實現對文件內容的操作。對dom物件樹進行增刪改查,產生的效果就是對頁面內容進行增刪改查 文件 html頁面,xml文件 檔案 dhtm 動態html技術,它不是...

JS 高階 DOM 技術

轉至 1 樣式程式設計 在js中改變元素的樣式 主要是通過元素的 style 屬性來完成 obj.style 可以獲得在html中宣告的 abc 中 style 屬性裡的內容 但我們無法獲得在標籤或外部css檔案中定義的該物件的屬性 但我們可以通過更改 style 屬性的值來改變物件的樣式 格式為 ...