建立元素節點，文字節點以及在指定位置增加節點

2022-03-26 16:34:37 字數 1274 閱讀 9356

no1、建立乙個新的元素節點，並把它新增到body中

1 window.onload =t;


2function


t()
上面的顯示效果為：

no2、建立乙個元素節點，建立乙個文字節點，將文字節點追加到元素節點上，再將元素節點追加到body中。

window.onload =t;


function


t()
no3、在指定位置插入節點insertbefore(引數1，引數2)：

第乙個引數為要插入的心節點，第二個引數為已有的節點，就是插在誰的節點的前面。

1


doctype html


>


2<


html


>


3<


head


>


4<


meta 


charset


="utf-8"


>


5<


title


>無標題文件


title


>


6<


script


>


7function


t()16


script


>


17head


>


1819


<


body


>


20<


ul>


21<


li>春天


li>


22<


li>夏天


li>


23<


li>秋天


li>


24<


li>冬天


li>


25ul


>


26<


hr />


27<


button 


onclick


="t()"


>在指定位置增加節點


button


>


28body


>


29html


>
顯示效果為：

3 3 建立 元素節點

一 向文件流寫入內容document.write 1 基本語法 document.write text 不常用 了解就可以 需要向文件流中寫入內容，所以，若在乙個已關閉 例如，已完成載入 的文件上呼叫 document.write，就會自動呼叫 document.open，這將清空該文件的內容。2 ...

DOM中元素節點 屬性節點 文字節點的理解

節點資訊 每個節點都擁有包含著關於節點某些資訊的屬性。這些屬性是 nodename 節點名稱 nodevalue 節點值 nodetype 節點型別 nodetype nodetype 屬性可返回節點的型別。最重要的節點型別是 元素型別 節點型別 元素 element node 1 屬性 attri...

DOM中元素節點 屬性節點 文字節點的理解

每個節點都擁有包含著關於節點某些資訊的屬性。這些屬性是 nodetype 屬性可返回節點的型別。最重要的節點型別是 元素型別 節點型別元素1 屬性2文字3 注釋8文件9 在實際應用中，經常用到的就是元素節點 屬性節點和文字節點了，下面我們通過小段 進行講解 1 元素節點 john doejack j...