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)系作者
  • 序言:七十年代末但惶,一起剝皮案震驚了整個濱河市耳鸯,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌膀曾,老刑警劉巖县爬,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異添谊,居然都是意外死亡财喳,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進店門斩狱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來耳高,“玉大人,你說我怎么就攤上這事所踊∶谇梗” “怎么了?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵秕岛,是天一觀的道長碌燕。 經(jīng)常有香客問我,道長继薛,這世上最難降的妖魔是什么修壕? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮惋增,結(jié)果婚禮上叠殷,老公的妹妹穿的比我還像新娘改鲫。我一直安慰自己诈皿,他們只是感情好林束,可當我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著稽亏,像睡著了一般壶冒。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上截歉,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天胖腾,我揣著相機與錄音,去河邊找鬼瘪松。 笑死咸作,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的宵睦。 我是一名探鬼主播记罚,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼壳嚎!你這毒婦竟也來了桐智?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤烟馅,失蹤者是張志新(化名)和其女友劉穎说庭,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體郑趁,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡刊驴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了寡润。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缺脉。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖悦穿,靈堂內(nèi)的尸體忽然破棺而出攻礼,到底是詐尸還是另有隱情,我是刑警寧澤栗柒,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布礁扮,位于F島的核電站,受9級特大地震影響瞬沦,放射性物質(zhì)發(fā)生泄漏太伊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一逛钻、第九天 我趴在偏房一處隱蔽的房頂上張望僚焦。 院中可真熱鬧,春花似錦曙痘、人聲如沸芳悲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽名扛。三九已至谅年,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間肮韧,已是汗流浹背融蹂。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留弄企,地道東北人超燃。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像拘领,于是被迫代替她去往敵國和親淋纲。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,901評論 2 355

推薦閱讀更多精彩內(nèi)容

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