DOM常用方法總結

2021-06-22 11:42:13 字數 1597 閱讀 5586

getelementsbyname():尋找有著給定name屬性的所有元素,這個方法將返回乙個節點集合,這個集合可以當作乙個陣列來處理。這個集合的length屬性等於當前文件裡有著給定name屬性的所有元素的總個數。

getelementsbytagname():尋找有著給定標籤名的所有元素,這個方法將返回乙個節點集合,這個集合可以當作乙個陣列來處理。這個集合的length屬性等於當前文件裡有著給定標籤名的所有元素的總個數。

var elements=document.getelementsbytagname(tagname);

var elements=element.getelementsbytagname(tagname);

該方法不必非得用在整個文件上,它也可以用來在某個特定的子節點當中尋找有著給定標籤名的元素。

haschildnodes():

該方法用來檢查乙個元素是否有子節點,返回值是true或false,

文字節點和屬性節點不可能再包含任何自己子節點,所以對這兩類節點使用haschildnodes方法的返回值永遠是false。

如果haschildnodes方法的返回值是false,則childnodes,firstchild,lastchild將是空陣列和空字串。

nodename:文件裡的每個節點都有以下屬性。

如果節點是元素節點,nodename返回這個元素的名稱

如果節點是屬性節點,nodename返回這個屬性的名稱

如果節點是文字節點,nodename返回乙個內容為#text的字串

nodetype:返回乙個整數,這個數值代表著給定節點的型別。

nodetype屬性返回的整數值對應著12中節點型別,常用的有三種:

node.element_node       -----1       --  元素節點

node.attribute_node    -----2       --  屬性節點

node.text_node               -----3       --  文字節點

replacechild():把乙個給定父元素裡的乙個子節點替換為另外乙個子節點

var reference=element.replacechild(newchild,oldchild);

返回值是乙個指向已被替換的那個子節點的引用指標。

如果被插入的子節點還有子節點,則那些子節點也被插入到目標節點中。

getattribute():返回乙個給定元素的乙個給定屬性節點的值

var attributevalue = element.getattribute(attributename);

給定屬性的名字必須以字串的形式傳遞給該方法。

給定屬性的值將以字串的形式返回,如果給定屬性不存在,getattribute()將返回乙個空字串

setattribute()

將給定元素節點新增乙個新的屬性值或改變它的現有屬性的值

element.setattribute(attributename,attributevalue);

屬性的名字和值必須以字串的形式傳遞給此方法

如果這個屬性已經存在,它的值將被重新整理;

如果不存在,setattribute()方法將先建立它再為其賦值。

DOM方法總結

dom方法總結 通過id獲取元素 document.getelementbyid id 通過class類名元素獲取元素 document.getelementsbyclassname class類名 通過class類名獲取的是乙個陣列 通過標籤獲名獲取元素 document.getelementsb...

js常用DOM方法

介紹幾個js dom的常用方法 獲取元素節點 getelementbyid getelementsbytagname getelementsbyclassname 先寫乙個簡單的網頁做測試 test.html doctype html html head meta charset utf 8 tit...

js常用DOM方法

介紹幾個js dom的常用方法 獲取元素節點 getelementbyid getelementsbytagname getelementsbyclassname 先寫乙個簡單的網頁做測試 test.html doctype html html head meta charset utf 8 tit...