DOM節點操作 事件物件與BOM

2022-09-10 11:21:17 字數 1822 閱讀 1729

------------恢復內容開始------------

節點型別

通過notetype屬性可以獲取節點的型別

document的節點型別---9

標籤的節點型別---1

屬性的節點型別---2,getattributenode("屬性"):獲取元素的屬性節點

文字的節點型別---3,元素的第乙個子節點就是文字節點

節點名稱

通過nodename可以獲取元素的節點名稱。

document的節點名稱---#document

標籤的節點名稱---大寫的標籤名

屬性的節點名稱---屬性名

文字的節點名稱---#text

節點值

通過nodevalue可以獲取元素的節點的值。

document的節點值---null

標籤的節點值---null

屬性的節點值---屬性值

文字的節點值---文字的內容

節點之間的關係

父子關係(巢狀關係)

並列關係(兄弟關係)

父節點--parentnode

父元素節點--parentelement

子節點--childnodes:標籤節點、文字節點、注釋節點   得到的是偽陣列

子元素節點--children :標籤節點

第乙個子節點--firstchild:文字

第乙個子元素節點--firstelementchild:第乙個標籤

最後乙個子節點--lastchild:文字

最後乙個子元素節點--lastelementchild: 最後乙個標籤

上乙個子節點--previoussibling:文字

上乙個子元素節點--previouselementsibling: 上乙個標籤

下乙個子節點 --nextsibling:文字

下乙個子元素節點--nextelementsibling: 下乙個標籤

insertbefore(插入內容,在誰之前插入)

方法可在已有的子節點前插入乙個新的子節點。

建立元素的三種方式

1.document.write()缺點;只能在body中新增元素

2.innerhtml

缺點:在同級下只能新增一種元素,多個會覆蓋(但是可以解決,

如document.getelementbyid("box").innertext += "")

3.document.createelement()

bom的概念

window物件是bom的頂層物件

對話方塊

alert()

prompt()

confirm()

載入事件

onload事件(非同步操作)事件會在頁面或影象載入完成後立即發生。

onload 通常用於 元素,在頁面完全載入後(包括、css檔案等等。)執行指令碼**。

location物件

n**igator物件

history物件

屬性操作,事件,節點

事件滑鼠事件mouseover等 節點 window.onload function script var btn document.getelementbyid btn var dv document.getelementbyid box1 btn.onclick function 會出現冒泡,由...

DOM初探(31) 文字操作事件

事件分類 文字操作事件 在文字框裡面輸入什麼,在控制台裡面就列印什麼,刪除也是 但凡文字框裡面的文字發生變化,就會觸發 inpit 事件。滑鼠聚焦文字框,輸入 1234 直到失去焦點才觸發,他對比的是滑鼠聚焦和失去焦點的過程中,文字是否發生改變,沒改變的話,不觸發 改變了才觸發。他不管中間刪了多少回...

DOM操作 JS事件 節點增刪改查

習慣是社會的巨大的飛輪和最可貴的維護者。威 詹姆斯 day 49 value屬性操作 節點的增刪改查 一 展示 刪除節點 歡迎刪除,聖誕快樂 替換節點 p.innerhtml 深圳歡迎您 舊節點 let title document.getelementsbyclassname title 0 pe...