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')
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • DOM筆記獲取元素獲取指定元素獲取子元素&兄弟元素&父元素獲取第一&最后一個子元素節點操作克隆節點 - clone...
    believedream閱讀 449評論 0 2
  • DOM DOM內容主要分為四部分: 什么是DOM和節點; 獲取節點; 節點操作(3種); 屬性操作(3種)。 什么...
    magic_pill閱讀 794評論 0 1
  • 原文 鏈接 關注公眾號獲取更多資訊 一、基本類型介紹 1.1 Node類型 DOM1級定義了一個Node接口,該接...
    前端進階之旅閱讀 3,967評論 7 34
  • 在教孩子們臨習小楷的時候,順便把他們不用的習作收起來,讓孩子們試著做成一個有點意思的記錄。結果還真有那么點意思。 ...
    孤山踏歌閱讀 9,248評論 2 3
  • 1.原型鏈 基本思想:利用原型讓一個引用類型繼承另外一個引用類型的屬性和方法。構造函數,原型,實例之間的關系:每個...
    spicychocolate閱讀 249評論 0 0