Dom物件,控制html元素

2022-04-29 19:39:10 字數 1796 閱讀 5295

document.getelementsbyname(name)//

返回帶有指定名稱的節點物件的集合。

document.getelementsbytagname(tagname)//

返回帶有指定標籤名的節點物件的集合。返回元素的順序是它們在文件中的順序。

node.firstchild//

返回『childnodes』陣列的第乙個子節點。如果選定的節點沒有子節點,則該屬性返回 null。

node.lastchild//

返回『childnodes』陣列的最後乙個子節點。如果選定的節點沒有子節點,則該屬性返回 null。

elementnode.parentnode//

獲取指定節點的父節點

elementnode.parentnode.parentnode//

訪問祖節點

nodeobject.nextsibling//

返回某個節點之後緊跟的節點(處於同一樹層級中)如果無此節點,則該屬性返回 null。

nodeobject.previoussibling//

返回某個節點之前緊跟的節點(處於同一樹層級中)如果無此節點,則該屬性返回 null。

在指定節點的最後乙個子節點列表之後新增乙個新的子節點

insertbefore(newnode,node);//

在已有的子節點前插入乙個新的子節點。

引數:

newnode: 要插入的新節點。

node: 指定此節點前插入節點。

nodeobject.removechild(node);//

node :必需,指定需要刪除的節點。

node.replacechild (newnode,oldnew )//

實現子節點(物件)的替換。返回被替換物件的引用

引數:newnode : 必需,用於替換 oldnew 的物件。

oldnew : 必需,被 newnode 替換的物件。

document.createelement(tagname)//

建立元素節點

引數:tagname:字串值,這個字串用來指明建立元素的型別。

document.createtextnode(data)//

建立新的文字節點,返回新建立的 text 節點

引數:data : 字串值,可規定此節點的文字。

elementnode.getattribute(name)//

通過元素節點的屬性名稱獲取屬性的值。

說明:1. elementnode:使用getelementbyid()、getelementsbytagname()等方法,獲取到的元素節點。

2. name:要想查詢的元素節點的屬性名字

elementnode.setattribute(name,value)setattribute() //

方法增加乙個指定名稱和值的新屬性,或者把乙個現有的屬性設定為指定的值。

說明:1.name: 要設定的屬性名。

2.value: 要設定的屬性值。

DOM物件控制HTML

1.節點相關的操作 getelementbyid getelementbyname getelementsbyclassname getelementsbytagname getattribute 獲取元素屬性 setattribute 設定元素屬性 childnodes 訪問子節點 parentn...

DOM物件,控制HTML物件

1.getelementsbyname 方法 返回帶有指定名稱的節點物件的集合。語法 document.getelementsbyname name 注意 1 因為文件中的name屬性可能不唯一,所有getelementsbyname 方法返回的是元素的陣列,而不是乙個元素。2 和陣列類似也有len...

DOM物件控制HTML無素 詳解3

createelement 方法可建立元素節點。此方法可返回乙個 element 物件。語法 document.createelement tagname 引數 tagname 字串值,這個字串用來指明建立元素的型別。1createtextnode 方法建立新的文字節點,返回新建立的 text 節點...