DOM之獲取元素,獲取和設定屬性

2021-07-11 02:15:53 字數 1417 閱讀 1524

1.getelementsbytagname允許把乙個萬用字元作為乙個引數,而這意味著文件裡的每乙個元素都將在這個函式所返回的陣列裡占有一席之地。萬用字元(「

*」),如果想知道某文件裡總共有多少個元素節點。

document.getelementsbytagname("*").length;

2.如果想知道id屬性值是purchase的元素包含著多少個列表項,

var shopping=document.getelementbyid("purchases");

var items=shopping.getelementsbytagname("*");

3.要指定多個類名,只要再字串引數中用空格分隔類名即可。

document.getelementsbyclassname("important sale").length;
表示同時帶有「important"和「sale」的類名,類名的實際順序不重要,就算元素還帶有更多的類名也沒關係。

可能有瀏覽器不支援getelementsbyclassname,就只能用已有的dom來實現該功能。

don't forget to buy this stuff

4.乙份文件就是一棵節點樹。

5.節點分為不同型別,元素節點,屬性節點,文字節點。

6.getelementbyid將返回乙個物件,該物件對應著文件裡的乙個特定的元素節點。

7.每個節點都是乙個物件

8.得到元素後,我們就用getattribute獲取它的各個屬性,用setattribute更改屬性節點的值。

getattribute方法不屬於document物件,所以不能通過document物件呼叫,只能通過元素節點物件呼叫。

don't forget to buy vegetable

don't forget to buy this stuff

9.setattribute也只用於元素節點,如果setattribute用在乙個本身就有某個屬性的元素節點上,則這個屬性的值就會被覆蓋,如果這個屬性原先不存在,這表明setattribute實際完成了兩項操作,先建立這個屬性,然後設定它的值。

10.通過

setattribute對文件做出修改後,在通過瀏覽器的檢視源**選項去檢視文件的源**時看到的仍將是改變前的屬性值,也就是說,setattribute做出的修改不會反映在文件本身的源**裡。這種表裡不一的現象源自dom的工作模式,先載入文件的靜態內容,在動態重新整理,動態重新整理不影響文件的靜態內容,對頁面內容進行重新整理卻不需要再瀏覽器裡重新整理頁面。

DOM獲取和設定屬性

一.節點 節點 node 這詞是網路術語,表示網路中的乙個連線點,乙個網路就是由一些節點構成的集合。三種型別節點 元素節點,文字節點,屬性節點 不要忘記買東西 上行 中 元素為元素節點,title a gentle reminder 為屬性節點 不要忘記買東西為文字節點 二.css 繼承 inher...

獲取 DOM 元素設定的樣式屬性

document.getelementbyid style獲取的是元素行間設定的樣式,不能獲取到css中設定的樣式。如果要獲取css中設定的樣式,可以試試getcomputedstyle 標準瀏覽器 或者currentstyle ie低版本 let target document.getelemen...

Jquery 獲取和設定元素屬性值

jquery 獲取和設定元素屬性值 太陽火神的美麗人生 本文遵循 署名 非商業用途 保持一致 創作公用協議 太陽火神的美麗人生 本部落格專注於 敏捷開發及移動和物聯裝置研究 ios android html5 arduino pcduino,this attr key 獲取節點屬性名的值,相當於ge...