js的一些常用方法

1,關(guān)于滾動條
獲取滾動條滾動的距離window.pageXOffset window.pageYOffset 不兼容IE8和IE8以下
document.documentElement.scrollTop||document.body.scrollTop 兼容IE低版本
如果不兼容返回0
window的三個關(guān)于滾動條的方法 兼容IE低版本
scroll(),scrollTo控制滾動天滾動的位置
scrollBy() 完全相同 控制滾動條滾動的距離可以累加
2,關(guān)于視口的尺寸
獲取視口的寬度和高度
window.innerWidth window.innerHeight 不兼容IE8以及IE8以下
document.documentElement.clientHeight||document.body.clientWidth 兼容IE低版本
如果不兼容返回0
3,關(guān)于DOM獲取元素
getElementById()
getElementsByClassName() IE8以及IE8以下不支持
getElementsByName()
getElementsByTagName()
querySelector() 方法僅僅返回匹配指定選擇器的第一個元素。如果你需要返回所有的元素,請使用 querySelectorAll() 方法替代。獲取的元素不實時;;
在DOM樹上獲取節(jié)點
childNodes 獲取指定元素下全部節(jié)點 兼容IE低版本
firstChild ... 第一個子節(jié)點 兼容IE低版本
lastChild ... 最后一個子節(jié)點 兼容IE低版本
nextSibling 下一個同級節(jié)點 兼容IE低版本
previousSibing 上一個同級節(jié)點 兼容IE低版本
parentNode ... 上一個父級節(jié)點 兼容IE低版本

在DOM樹上獲取節(jié)點元素
children 獲取指定元素下全部節(jié)點 兼容IE低版本
parentElement IE8以及IE8以下不兼容
lastElementChild IE8以及IE8以下不兼容
firstElementChild IE8以及IE8以下不兼容
nextElementSibling IE8以及IE8以下不兼容
previousElementSibling IE8以及IE8以下不兼容

node的四個屬性 兼容 IE8以及IE8以下
1,nodeName 返回節(jié)點的名字
2,nodeType 返回節(jié)點的屬性 1 元素 3 文本 8 注釋
3,nodeValue 用于訪問文本和注釋的value值 可改
4,attributes 獲取文本的屬性

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

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

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,688評論 1 11
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,131評論 1 92
  • ??DOM 1 級主要定義的是 HTML 和 XML 文檔的底層結(jié)構(gòu)。 ??DOM2 和 DOM3 級則在這個結(jié)構(gòu)...
    霜天曉閱讀 1,599評論 1 3
  • ??DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個 API(應(yīng)用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,865評論 0 7
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,921評論 0 8

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