HTML節點操作

2022-01-10 13:34:52 字數 886 閱讀 6177

html節點的基本操作,新增節點,替換節點,刪除節點,繫結事件,訪問子節點,訪問父節點,訪問兄弟節點。

文件物件模型document object model,簡稱dom,是w3c組織推薦的處理可擴充套件標記語言xml的標準程式設計介面,是一種與平台和語言無關的應用程式介面api

根據w3chtml dom標準,html文件中的所有內容都是節點:整個文件是乙個文件節點,每個html元素是元素節點,html元素內的文字是文字節點,每個html屬性是屬性節點,注釋是注釋節點。html domhtml文件視作樹結構。這種結構被稱為節點樹:html dom tree例項。

被替換的節點

下邊的兄弟被刪除了

我要被刪除了

點我

1

2

1

123

被替換的節點

下邊的兄弟被刪除了

我要被刪除了點我1

2112

3

JQ對HTML元素 節點操作大全

html 元素1 元素隱藏 class hide 2 元素展示 class show 3 修改css的屬性 class css color red addclass 新增 class 屬性。button click function 4 修改css樣式 addclass class removecl...

HTML節點關係

看下面這段html ab 其中div相當於根節點,是span和input的父節點 parentnode span和input是他的子節點 childnodes span和input是兄弟關係。由於兄弟節點是按照順序來排序的.所以span就是input的上乙個兄弟節點 previoussibling ...

節點和節點操作

節點 一般的,節點擁有nodetype 節點型別 nodename 節點名稱 和nodevalue 節點值 這三個基本屬性.頁面中所有元素都是節點 元素節點 nodetype 為1 屬性節點 nodetype 為2 文字節點 nodetype 為3 文字節點包括文字.空格.換行等 利用dom樹可以把...