JavaScript 節點的屬性

2021-07-14 12:30:11 字數 984 閱讀 6251

節點的屬性:

序號屬性名稱

功能childnodes

得到節點的所有子節點,已陣列的形式儲存

firstchild

得到節點的第乙個子節點 等價於 childnodes[0]

lastchild

得到節點的最後乙個子節點

parentnode

得到節點的父節點

nextsibling

得到後乙個兄弟節點(沒有則返回空值null)

previoussibling

得到前乙個兄弟節點(沒有則返回空值null)

nodename 

以字串的形式返回節點的名稱,在不同的節點返回的值是不一樣的:

a.       元素節點,返回節點的標籤名稱。例如: 段落元素返回 p

b.       屬性節點,返回屬性的名稱

c.       文字節點,返回固定的內容「#text」

nodevalue

得到節裡的值,一般用來返回的是文字節點的文字內容

節點的方法:

序號方法名稱

功能getattribute()

讀取目標元素的屬性值

setattribute()

為元素節點建立屬性並賦值

操作節點的方法:

序號屬性名稱

功能createelement(標籤名)

新建html元素 節點

createtextnode(文字)

新建文字節點

clonenode(true/false)

複製節點 (當引數為true時 複製節點以及其所有子節點)

新增子節點 

insertbefore( 待插入節點,現有節點)

在現有節點之前插入節點;該方法 有現有節點的父級節點呼叫

replacechild(新節點,舊節點)

將舊節點替換為新節點

removechild(子節點)

刪除子節點

javascript中的節點屬性。

節點屬性 在文件物件模型 dom 中,每個節點都是乙個物件。dom 節點有三個重要的屬性 1.nodename 節點的名稱 2.nodevalue 節點的值 3.nodetype 節點的型別 一 nodename 屬性 節點的名稱,是唯讀的。1.元素節點的 nodename 與標籤名相同 2.屬性節...

JavaScript獲取節點

可以把html中的每個標籤看成乙個節點,那麼可以通過js將這些節點獲取出來,可以使用js的乙個內建物件 物件有自己的屬性和方法 取得這些節點並且進行操作 修改,刪除,替換其內容 該物件是乙個內建物件叫作document,內建物件就是已經建立好的物件,我們可以直接使用。瀏覽器標題欄 title 引用外...

JavaScript操作節點

之前我們能取得的節點物件,但是僅僅是取得而沒有做其他操作,那麼我們也可以建立乙個節點然後動態的插入到dom節點樹種 獲取div節點 var div document.getelementsbytagname div 0 建立文字節點 var textnode document.createtextn...