屬性操作,事件,節點

2021-10-21 12:01:26 字數 1991 閱讀 9974

事件滑鼠事件mouseover等

節點

window.

onload

=function()

}<

/script>

var btn = document.

getelementbyid

("btn");

var dv = document.

getelementbyid

("box1");

btn.

onclick

=function()

// 會出現冒泡,由子觸發父,事件源是子

sup.onmouseover = mouseover;

sub.onmouseover = mouseover;

// 不會出現冒泡,不能由子觸發父,事件源還是父

sup.onmouseenter = mouseover;

sub.onmouseenter = mouseover;

// 滾動條  在滑動滾動條的時候觸發 向控制台列印--------------

window.

onscroll

=function()

// onkeydown 鍵盤按下

// onkeyup 鍵盤抬起

<

/script>

window.

onload

=function()

inp.

onfocus

=function()

}<

/script>

// 節點

// 整個文件就是乙個文件節點

// 節點型別 :

// nodename屬性 : 1 元素, 2 屬性, 3 文字, 8 注釋, 9 文件

<

/script>

// 9

console.

log(document.nodetype)

;var dv1 = document.

getelementbyid

('dv');

// 1

console.

log(dv1.nodetype)

;// 獲取屬性節點

var classattr = dv1.

getattributenode

('class');

// 2

console.

log(classattr.nodetype)

;// 獲取子節點(包含文字節點)

var textnode = dv1.firstchild;

// 3

console.

log(textnode.nodetype)

;// 第乙個子元素節點, 就是第乙個子標籤(如果沒有標籤就是null)

var fec = dv1.firstelementchild;

// 1

console.

log(fec.nodetype)

;// 1 元素, 2 屬性, 3 文字, 8 注釋, 9 文件

// nodename : 文件 #document, 文字#text, 元素 大寫標籤名, 屬性 屬性名

// nodevalue 屬性值 元素節點的 nodevalue是undefined或者null

// 屬性 屬性值, 文字, 文字內容

// parentnode 父節點(這個節點不可能是文字, 因為文字不能巢狀標籤)

// childnodes 所有子節點 返回偽陣列

// children 所有子元素節點 只有標籤節點

DOM節點操作 事件物件與BOM

恢復內容開始 節點型別 通過notetype屬性可以獲取節點的型別 document的節點型別 9 標籤的節點型別 1 屬性的節點型別 2,getattributenode 屬性 獲取元素的屬性節點 文字的節點型別 3,元素的第乙個子節點就是文字節點 節點名稱 通過nodename可以獲取元素的節點...

vue 鍵盤操作事件

需求 當按鍵盤enter鍵和鍵盤左右鍵時,左右切換頁面卡片並讀取卡片上的資訊 一 獲取鍵盤對應的keycode keycode 實際鍵值 48到57 0到965到90 a到z a到z 112到135 f1到f24 8backspace 退格 9tab 13enter 回車 20caps lock 大...

vue 鍵盤操作事件

需求 當按鍵盤enter鍵和鍵盤左右鍵時,左右切換頁面卡片並讀取卡片上的資訊 一 獲取鍵盤對應的keycode keycode 實際鍵值 48到57 0到965到90 a到z a到z 112到135 f1到f24 8backspace 退格 9tab 13enter 回車 20caps lock 大...