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

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



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

js?集合?了?html標(biāo)簽的標(biāo)準(zhǔn)屬性(可解析的屬性)作為節(jié)點(diǎn)對象的屬性。
意味著?但凡html中?已有的屬性?都可以通過節(jié)點(diǎn)對象直接操作。

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

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

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

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

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


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


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

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


給文本添加高亮效果:

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

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

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

【社區(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...
- 概念 文檔對象模型(Document Object Model,簡稱 DOM),是 W3C 組織推薦的處理可擴(kuò)展標(biāo)...
- parentNode獲取父元素節(jié)點(diǎn),兼容所有瀏覽器 .offsetParent 獲取定位父元素節(jié)點(diǎn),(父代中最近...