原生JS--DOM怎麼玩(事件繫結相關)?
DOM
- JavaScript的組成:核心語法(ECMAScript)+文件物件模型(DOM)+瀏覽器物件模型(BOM)。
- webAPI = DOM + BOM。
- ECMAScript:定義了JavaScript的語法規範,描述了語言的基本語法和資料型別,標準。
- BOM:用於操作瀏覽器的API集合;通過BOM可操作瀏覽器視窗。
- DOM:用於操作頁面元素的API集合;DOM將HTML看做文件樹,通過DOM提供的API對樹的節點進行操作。
專業名詞
文件:一個網頁可以稱為文件。
節點:網頁中的所有內容都是節點(元素、屬性、文字、註釋…)。
操作DOM
- 操作元素
==獲取元素+建立、新增、刪除、修改元素(內容+屬性+樣式)- 事件相關
操作元素
事件相關
相關文章
- 元件繫結原生事件元件事件
- Vue 如何給元件繫結原生事件Vue元件事件
- 前端基礎之原生js事件繫結案例前端JS事件
- 原生js為元素繫結事件的幾種方式JS事件
- 繫結事件事件
- 事件繫結事件
- JavaScript 事件繫結JavaScript事件
- js on繫結事件JS事件
- jQuery繫結事件jQuery事件
- 關於繫結變數的SQL繫結什麼值變數SQL
- 繫結自定義事件事件
- v-on 繫結事件事件
- Vue事件繫結原理Vue事件
- Hooks與事件繫結Hook事件
- 2.事件繫結事件
- JSX繫結事件JS事件
- JS-事件繫結JS事件
- 錢咖怎麼繫結微信?錢咖繫結微信教程
- 關於獲取事件相應的結果事件
- React事件繫結的方式React事件
- React事件優雅繫結React事件
- 微信小程式事件繫結微信小程式事件
- IOS繫結touchend事件失效iOS事件
- 6.用on繫結事件事件
- zepto繫結事件改變冒泡事件流事件
- JS的事件繫結和事件流模型JS事件模型
- JS學習之事件和事件繫結JS事件
- 模型關聯中繫結屬性到父模型怎麼實現模型
- 雲原生時代,微服務到底應該怎麼玩兒?微服務
- Spring Cloud Gateway 原生支援介面限流該怎麼玩SpringCloudGateway
- Android事件匯流排還能怎麼玩?Android事件
- 小米WiFi繫結WiFi教程 小米WiFi鏈怎麼繫結我的WiFi ?WiFi
- 為什麼在React Component需要bind繫結事件React事件
- latch 相關等待事件事件
- 等待事件相關(zt)事件
- 原生js雙向資料繫結JS
- python tkinter如何繫結事件?Python事件
- Swoole 使用on()繫結事件報錯事件