JavaScript獲取節點

2021-09-12 21:17:37 字數 575 閱讀 4757

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

瀏覽器標題欄<

/title>

<

!--引用外部樣式css

-->

"stylesheet" href=

"../css/index.css"

>

<

!--匯入外部的js檔案--

>

<

/head>

"div1"

>

明天放假!

<

/p>

<

/div>

<

/body>

<

/html>

JavaScript 節點分類與獲取元素的方法

節點 在dom中有許多不同型別的節點。主要分為三類 元素節點,文字節點,屬性節點。元素節點 像,之類的元素。文字節點 像this is an example 其中this is an example 是乙個文字節點。文字節點總是被包含在元素節點的內部。屬性節點 屬性節點用來對元素做出更具體的描述。例...

JavaScript操作節點

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

JavaScript 節點的屬性

節點的屬性 序號屬性名稱 功能childnodes 得到節點的所有子節點,已陣列的形式儲存 firstchild 得到節點的第乙個子節點 等價於 childnodes 0 lastchild 得到節點的最後乙個子節點 parentnode 得到節點的父節點 nextsibling 得到後乙個兄弟節點...