JS第一節筆記(10) JS節點操作

2021-10-09 07:24:15 字數 2038 閱讀 7504

節點的查詢

>

class

="one"

>

>

span

>

p>

class

="two"

>

p>

div>

var box=document.

getelementbytagname

("div"

)var one=document.

getelementbyclassname

("one"

)var two=document.

getelementbyclassname

("two"

)console.

log(one.parentnode)

//當前節點的父節點

console.

log(one.childnodes)

//當前節點的所有子節點,包含文字節點(如「回車」)

console.

log(one.children)

//當前節點的所有子元素節點

console.

log(one.firstchidren)

//當前子節點的第乙個子節點(包括文字節點)

console.

log(one.lastelementchild)

//當前節點的最後乙個子元素節點

console.

log(one.lastchild)

//當前節點的最後乙個子元素節點(包括文字節點)

console.

log(one.previoussibling)

//當前節點的前乙個兄弟節點包含文字節點

console.

log(one.previouselementsibling)

//當前節點的前乙個兄弟節點

console.

log(one.nextsibling)

//當前節點的後乙個兄弟節點(包含文字節點)

console.

log(one.nextelementsibling)

//當前節點的後乙個兄弟元素節點

var p =document.

createlement

(節點的名字)

//建立節點

p.innerhtml=

"" p.innertext=

""

innerhtml 往節點內新增或者替換內容(文字或者元素)

innertext 往節點內新增或者替換內容(只有文字)

>

>

p>

div>

var box=document.

getelmentstagname

("div"

) div.

("p"

) div.

insertbefore

("p,目標節點(如div.firstchild)"

) div.

clonenode

(true

/false

) div.

removechild

("需要刪除的節點"

)

div.insertbefore(「p,目標節點(如div.firstchild)」)

父節點.insertbefore(「新節點,目標節點」)

將新節點新增到目標節點的前面

div.clonenode(true/false)

轉殖節點

如果括號裡是true,將該節點及其所有的子節點全部複製

如果括號裡是false,將該點複製,不包含子節點

div.removechild(「需要刪除的節點」)

通過父節點刪除子節點

滲透筆記第一節 google hack

如今,網路搜尋的功能一天比一天強大,搜尋引擎不僅給網民們帶來了便利,同時也給很多網管們製造了不少麻煩。例如 inurl asp id inurl muma.asp intext to parent directory site x.com intext 管理 site a2.x.com inurl ...

第一節課筆記

1.絕對路徑 從哪個盤開始一步一步到最後所在的位置 比如 42.相對路徑 相對於該 文字的位置 1 檔案就在與 同乙個資料夾下。則可以直接使用,直接輸入檔案名字。比如 32 檔案在與 同一級資料夾下。比如本 在html資料夾下,而資料夾 超連結資源 html資料夾裡,目標檔案在超連結資源資料夾下。3...

第一節課堂筆記

計算機俗稱電腦 computer 是一種高速計算的電子計算機器 特點 數值計算 邏輯計算 儲存記快功能 硬體 鍵盤 滑鼠 顯示器 cpu 看得見摸得著計算機語方指的是人與計算機之間進行通訊的語言機器語言 組合語言 高階計算機語言 面向過程 物件導向 冰箱.開門 冰箱.儲存 冰箱.關門 面向應用 目標...