DOM基礎
-
檔案物件模型
-
element
-
attribute
-
text
-
-
獲取元素節點
-
old
-
getElementByid
-
getElementsByClassname
-
getElementsByTagName
-
getElementsByName
-
-
new
-
querySelector
-
querySelectorAll
-
-
表單
-
表單元素
-
document.[formName]
-
-
表單欄位
-
formelement.[ormFieledName]
-
-
-
找親戚
-
node
-
elementNode
-
children
-
parentElement
-
previousElementSibling
-
nextElement
-
firstElementChild
-
lastElementChild
-
-
-
-
操作節點
-
插入節點
-
appendChild
-
insertBefore
-
-
替換
-
replaceChild
-
-
洗掉
-
removeChild
-
remove
-
-
創建
-
createElement
-
-
克隆
-
cloneNode //淺克隆 （true深克隆）
-
-
-
屬性節點
-
方案1：element[屬性名]
-
方案2：xxAttribute
-
get
-
set
-
remove
-
has
-
-
自定義屬性
-
設定是在HTML中加data-
-
獲取是element.dataset自定義屬性名
-
-
-
文本節點
-
innerHTML
-
innerText
-
-
樣式操作
-
行內樣式物件 element.style
-
計算后樣式物件 computedStyle（element）
-
Object.assign
-
DOM事件
三要素：
-
事件源
-
事件型別
-
事件處理函式
事件的使用：
-
注冊 不用管
-
原生事件
-
自定義事件 const event=new Event("事件名稱")
-
-
系結
-
dom0
-
html
-
document.onclick=handler
-
-
dom2
-
document.addEventListener("click",listener)
-
-
-
觸發
-
原生：一般是滿足一般互動條件
-
自定義事件 element.dispatch(event)；
-
事件流
-
捕獲
-
冒泡流
-
現代DOM流 前兩種的結合
-
事件代理（沒有事件流就沒有事件代理）
-
找父親 第一個靜態父級
-
父親綁事件
-
監聽器內部通過event.target過濾
-
寫代理代碼
事件物件
-
target
-
鍵盤 which
-
滑鼠
-
offsetX
-
pageX
-
clientX
-
-
preventDefault
-
stopPropagation
表單事件
-
blur
-
focus
-
input
-
change
-
submit
-
reset
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/76021.html
標籤：JavaScript