DOM筆記
- childNodes
獲取子節點,子節點只有一層
由於相容性問題需要nodeType來進行判斷
比如3是文字型別 1是元素型別所以一般要獲取的時候會判斷nodeType為1
- children
獲取子節點
相容版的childNodes
- parentNode
獲取父節點,不存在相容性問題
- offsetParent
獲取元素在頁面上的實際位置
- 首位獲取子節點
由於相容問題 使用判斷
div.firstChild
div.lastChild
div.firstElementChild
div.lastElementChild
- 獲取兄弟節點
由於相容問題 使用判斷
div.nextSibling
div.nextElementSibling
div.previousSibling
div.previousElementSibling
- 設定獲取刪除屬性
/// 設定元素屬性 名稱 值
div.setAttribute("value",'66666')
/// 獲取元素屬性
div.getAttribute("id")
/// 刪除元素屬性 名稱
div.removeAttribute('value')
相關文章
- HTML DOM筆記2HTML筆記
- “React中的DOM操作”筆記React筆記
- 學習筆記:DOM之appendChild筆記APP
- Virtual Dom演算法實現筆記演算法筆記
- 重學前端筆記23-DOM API前端筆記API
- angular學習筆記(十九)-指令修改domAngular筆記
- JAVA與DOM解析器提高(DOM/SAX/JDOM/DOM4j/XPath) 學習筆記二Java筆記
- JavaScript DOM程式設計藝術筆記1JavaScript程式設計筆記
- 《JavaScript高階程式設計》筆記:DOM(十)JavaScript程式設計筆記
- 高效能JS筆記3——DOM程式設計JS筆記程式設計
- 《JavaScript Dom程式設計藝術》讀書筆記(一)JavaScript程式設計筆記
- 《Javacript DOM 程式設計藝術》筆記(一)JavaScript Syntax程式設計筆記JavaScript
- JavaScript DOM 程式設計藝術 學習筆記01JavaScript程式設計筆記
- JavaScript DOM 程式設計藝術 學習筆記 02JavaScript程式設計筆記
- JAVA與DOM解析器基礎 學習筆記Java筆記
- JavaScript DOM程式設計藝術筆記2.1準備工作JavaScript程式設計筆記
- 前端筆記之JavaScript(十)深入JavaScript節點&DOM&事件前端筆記JavaScript事件
- 前端筆記之JavaScript(七)深入函式&DOM那點事前端筆記JavaScript函式
- <react學習筆記(7)>操作DOM節點,元件傳參React筆記元件
- JavaScript DOM 程式設計藝術(第2版) 讀書筆記JavaScript程式設計筆記
- 【愣錘筆記】MVVM時代下仍需掌握的DOM - 基礎篇筆記MVVM
- 好程式設計師web前端培訓JavaScript學習筆記DOM程式設計師Web前端JavaScript筆記
- js便籤筆記(2)——DOM元素的特性(Attribute)和屬性(Property)JS筆記
- Cypress 踩坑記 - DOM 遮擋
- 《JavaScript 闖關記》之 DOM(下)JavaScript
- JS錯誤記錄 – dom操作 – 排序JS排序
- JavaScript入門學習之旅(二)——JavaScript DOM程式設計藝術學習筆記(上)JavaScript程式設計筆記
- 印象筆記 --- 方法分享筆記筆記
- BOM與DOM之DOM操作
- 筆記筆記
- CUUG筆記 ORACLE索引學習筆記筆記Oracle索引
- 主動筆記與被動筆記筆記
- 區別:DOM Core 與 HTML-DOMHTML
- 淘寶記錄筆記筆記
- Dom事件事件
- DOM - 事件事件
- DOM 操作
- DOM操作