js獲取節點dom操作

2021-06-21 09:54:36 字數 1934 閱讀 7943

介面

nodetype常量

nodetype值

備註element

node.element_node

元素節點

text

node.text_node

文字節點

document

node.document_node

document

comment

node.comment_node

注釋的文字

documentfragment

node.document_fragment_node

document片斷

attr

node.attribute_node

節點屬性

方法描述

createattribute()

用指定的名字建立新的attr節點。

createcomment()

用指定的字串建立新的comment節點。

createelement()

用指定的標記名建立新的element節點。

createtextnode()

用指定的文字建立新的textnode節點。

getelementbyid()

返回文件中具有指定id屬性的element節點。

getelementsbytagname()

返回文件中具有指定標記名的所有element節點。

屬性描述

attributes

如果該節點是乙個element,則以namednodemap形式返回該元素的屬性。

childnodes

以node的形式存放當前節點的子節點。如果沒有子節點,則返回空陣列。

firstchild

以node的形式返回當前節點的第乙個子節點。如果沒有子節點,則為null。

lastchild

以node的形式返回當前節點的最後乙個子節點。如果沒有子節點,則為null。

nextsibling

以node的形式返回當前節點的兄弟下乙個節點。如果沒有這樣的節點,則返回null。下乙個兄弟節點

nodename

節點的名字,element節點則代表element的標記名稱。

nodetype

代表節點的型別。

parentnode

以node的形式返回當前節點的父節點。如果沒有父節點,則為null。

previoussibling

以node的形式返回緊挨當前節點、位於它之前的兄弟節點。如果沒有這樣的節點,則返回null。上乙個兄弟節點

方法描述

通過把乙個節點增加到當前節點的childnodes組,給文件樹增加節點。

clonenode()

複製當前節點,或者複製當前節點以及它的所有子孫節點。

haschildnodes()

如果當前節點擁有子節點,則將返回true。

insertbefore()

給文件樹插入乙個節點,位置在當前節點的指定子節點之前。如果該節點已經存在,則刪除之再插入到它的位置。

removechild()

從文件樹中刪除並返回指定的子節點。

replacechild()

從文件樹中刪除並返回指定的子節點,用另乙個節點替換它。

1、js為設定readonly屬性

var cobj = document.getelementbyid("content");

cobj.setattribute("readonly",'true');

2、js移除readonly屬性

var cobj = document.getelementbyid("content");

cobj.removeattribute("readonly");

js獲取節點 dom操作

介面 nodetype常量 nodetype值 備註element node.element node 元素節點 text node.text node 文字節點 document node.document node document comment node.comment node 注釋的文字...

js獲取節點 dom操作

介面 nodetype常量 nodetype值 備註element node.element node 元素節點 text node.text node 文字節點 document node.document node document comment node.comment node 注釋的文字...

JS獲取DOM節點

父節點id為target,有兩個字節點,獲取target下所有字節點 const childrens document.getelementbyid target getelementtagname div 得出的childrens是乙個陣列,陣列中的元素是target下的子節點。childnode...