DOM對象2

查看節(jié)點(diǎn)名稱: 屬性? nodeName

注意:輸出的是大寫

查看節(jié)點(diǎn)類型: 屬性 nodeType

元素節(jié)點(diǎn)
屬性節(jié)點(diǎn)
文本節(jié)點(diǎn)

查看節(jié)點(diǎn)的值:? ?屬性? nodeValue



js?集合?了?html標(biāo)簽的標(biāo)準(zhǔn)屬性(可解析的屬性)作為節(jié)點(diǎn)對象的屬性。

意味著?但凡html中?已有的屬性?都可以通過節(jié)點(diǎn)對象直接操作。

不是html里面的標(biāo)準(zhǔn)屬性那就需要通過getAttribute方法來取得?。。?/div>

盒子屬性

查看盒子在頁面中真實(shí)坐標(biāo)的位置:? 屬性 offsetLeft(x軸),offsetTop(y軸)

查看盒子在頁面中占據(jù)的尺寸:? 屬性? clientWidth(寬度),clientHeigt(高度)

查看盒子內(nèi)容+padding+border的尺寸,用這種屬性:offsetWidth(寬度),offsetHeight(高度)


查看滾動(dòng)條滾動(dòng)距離的屬性: scrollTop(縱向的),scrollLeft(橫向的)

注意,這里還要借助onscroll方法來實(shí)現(xiàn)。相當(dāng)于實(shí)時(shí)監(jiān)聽



選中元素節(jié)點(diǎn)內(nèi)容的屬性: innerHTML

頭尾的空白文本節(jié)點(diǎn)也算哦~!??!

那只想要選中中間的文本元素要使用什么屬性呢?? ? ?——innerText


自定義屬性的操作方法

選取自定義屬性屬性值的方法: getAttribute 方法

設(shè)置或者修改自定義屬性的值的方法: setAttribute 方法

元素節(jié)點(diǎn).setAttribute("要修改的屬性",“要修改的屬性值”)

給文本添加高亮效果:



節(jié)點(diǎn)對象的查詢方法:querySelector、querySelector

getElementsByTagName、getElementsByClassName



在元素節(jié)點(diǎn)最后的空白的子文本元素里面插入的操作方法: appendChild

往父節(jié)點(diǎn)中插入字節(jié)點(diǎn)?指定在某個(gè)子元素的前面的操作方法:insertBefore

父子元素節(jié)點(diǎn).insertBefore(要插入的元素,某個(gè)子元素)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、通用屬性 1.node.nodeName:查看節(jié)點(diǎn)名稱(元素節(jié)點(diǎn)返回標(biāo)簽名(大寫),文本節(jié)點(diǎn)返回#text...
    借碼消愁閱讀 1,082評論 0 0
  • 搶先看:https://www.zhihu.com/question/34219998[https://www.z...
    記錄經(jīng)歷閱讀 364評論 0 0
  • 概念 文檔對象模型(Document Object Model,簡稱 DOM),是 W3C 組織推薦的處理可擴(kuò)展標(biāo)...
    白棠閱讀 241評論 0 0
  • API的概念 API是一些預(yù)先定義的函數(shù),目的是提供應(yīng)用程序與開發(fā)人員基于某軟件或硬件得以訪問一組例程的能力,無需...
    安掌門dear閱讀 416評論 0 1
  • parentNode獲取父元素節(jié)點(diǎn),兼容所有瀏覽器 .offsetParent 獲取定位父元素節(jié)點(diǎn),(父代中最近...
    0說閱讀 210評論 0 0

友情鏈接更多精彩內(nèi)容