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