查看節(jié)點名稱: 屬性? nodeName
注意:輸出的是大寫
查看節(jié)點類型: 屬性 nodeType
元素節(jié)點
屬性節(jié)點
文本節(jié)點
查看節(jié)點的值:? ?屬性? nodeValue
js?集合?了?html標簽的標準屬性(可解析的屬性)作為節(jié)點對象的屬性隘谣。
意味著?但凡html中?已有的屬性?都可以通過節(jié)點對象直接操作绢彤。
不是html里面的標準屬性那就需要通過getAttribute方法來取得!!薪韩!
盒子屬性
查看盒子在頁面中真實坐標的位置:? 屬性 offsetLeft(x軸)炕桨,offsetTop(y軸)
查看盒子在頁面中占據(jù)的尺寸:? 屬性? clientWidth(寬度),clientHeigt(高度)
查看盒子內容+padding+border的尺寸利虫,用這種屬性:offsetWidth(寬度)挨厚,offsetHeight(高度)
查看滾動條滾動距離的屬性: scrollTop(縱向的),scrollLeft(橫向的)
注意糠惫,這里還要借助onscroll方法來實現(xiàn)疫剃。相當于實時監(jiān)聽
選中元素節(jié)點內容的屬性: innerHTML
頭尾的空白文本節(jié)點也算哦~!E鸱怼巢价!
那只想要選中中間的文本元素要使用什么屬性呢?? ? ?——innerText
自定義屬性的操作方法
選取自定義屬性屬性值的方法: getAttribute 方法
設置或者修改自定義屬性的值的方法: setAttribute 方法
元素節(jié)點.setAttribute("要修改的屬性",“要修改的屬性值”)
給文本添加高亮效果:
節(jié)點對象的查詢方法:querySelector固阁、querySelector
getElementsByTagName壤躲、getElementsByClassName
在元素節(jié)點最后的空白的子文本元素里面插入的操作方法: appendChild
往父節(jié)點中插入字節(jié)點?指定在某個子元素的前面的操作方法:insertBefore
父子元素節(jié)點.insertBefore(要插入的元素,某個子元素)