Javascript DOM1

junbaor 發(fā)布于2019-08-22 17:20 / 3550人閱讀

摘要：簡(jiǎn)介節(jié)點(diǎn)分類節(jié)點(diǎn)層級(jí)關(guān)系文檔節(jié)點(diǎn)父節(jié)點(diǎn)標(biāo)簽元素節(jié)點(diǎn)子節(jié)點(diǎn)屬性節(jié)點(diǎn)兄弟節(jié)點(diǎn)注釋節(jié)點(diǎn)根節(jié)點(diǎn)文本節(jié)點(diǎn)節(jié)點(diǎn)分類節(jié)點(diǎn)關(guān)系獲取元素通過獲取元素本身是的屬性但是可以省略不學(xué)的通過獲取元素標(biāo)簽節(jié)點(diǎn)返回值集合類型數(shù)組類型通過獲取元素通過屬性獲取元素獲取屬性節(jié)

1. DOM簡(jiǎn)介

DOM 節(jié)點(diǎn)分類	DOM 節(jié)點(diǎn)層級(jí)關(guān)系
1、文檔節(jié)點(diǎn)	1、父節(jié)點(diǎn)
2、標(biāo)簽（元素)節(jié)點(diǎn)	2、子節(jié)點(diǎn)
3、屬性節(jié)點(diǎn)	3、兄弟節(jié)點(diǎn)
4、注釋節(jié)點(diǎn)	4、根節(jié)點(diǎn)
5、文本節(jié)點(diǎn)

DOM節(jié)點(diǎn)分類

DOM節(jié)點(diǎn)關(guān)系

2. 獲取元素

通過id獲取元素

// document本身是window的屬性 但window是可以省略不學(xué)的
// window.document.getElementById()
var divID = document.getElementById("divID")

通過class獲取元素（標(biāo)簽）節(jié)點(diǎn)

// 返回值 集合類型（數(shù)組類型）
var divClassArr = document.getElementsByClassName("divClass");
for(var i = 0; i < divClassArr.length; i++){
    console.log(divClassArr[i]);
}

通過tag獲取元素

var divTagArr = document.getElementsByTagName("div");

通過name屬性獲取元素

var nameArr = document.getElementsByName("a")

3. 獲取屬性節(jié)點(diǎn)

4. 內(nèi)部節(jié)點(diǎn)與外部節(jié)點(diǎn)屬性

5. 行間樣式的獲取 css對(duì)應(yīng)的style屬性

Javascript DOM2

GPU云服務(wù)器云服務(wù)器 javascript javascript: javascript?? _javascript

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/95074.html

相關(guān)文章

Javascript簡(jiǎn)介

摘要：以下內(nèi)容都是一些概念性的知識(shí)點(diǎn)弄懂這些基本的概念是我們?cè)谑澜缈吹酶h(yuǎn)的墊腳石誕生于年年公司開發(fā)發(fā)布時(shí)臨時(shí)將名字改為當(dāng)時(shí)它的主要目的是處理以前由服務(wù)端語言負(fù)責(zé)的輸入驗(yàn)證操作隨著其發(fā)展現(xiàn)在已不再局限于數(shù)據(jù)驗(yàn)證而是具備了與瀏覽器窗口及其內(nèi)容等幾乎以下內(nèi)容都是一些概念性的知識(shí)點(diǎn),弄懂這些基本的概念是我們?cè)贘avaScript世界看得更遠(yuǎn)的墊腳石. Javascript Javascript誕...

Near_Li 2019-08-21 10:40 評(píng)論0 收藏0
JavaScript 簡(jiǎn)介

摘要：簡(jiǎn)介原文鏈接簡(jiǎn)稱是一種輕量級(jí)，解釋型的編程語言，其函數(shù)是一等公民。標(biāo)準(zhǔn)的目標(biāo)是讓任何一種程序設(shè)計(jì)語言能操控使用任何一種標(biāo)記語言編寫出的任何一份文檔。核心規(guī)定了如何映射基于的文檔結(jié)構(gòu)，以便簡(jiǎn)化對(duì)文檔的任意部分的訪問和操作。 JavaScript 簡(jiǎn)介原文鏈接 JavaScript ( 簡(jiǎn)稱：JS ) 是一種輕量級(jí)，解釋型的編程語言，其函數(shù)是一等公民。眾所周知，它是用于網(wǎng)頁開發(fā)的腳...

URLOS 2019-08-20 10:33 評(píng)論0 收藏0
001-讀書筆記-JavaScript高級(jí)程序設(shè)計(jì) JavaScript簡(jiǎn)介

摘要：由于計(jì)算機(jī)的國際化，組織的標(biāo)準(zhǔn)牽涉到很多其他國家，因此組織決定改名表明其國際性。規(guī)范由萬維網(wǎng)聯(lián)盟制定。級(jí)標(biāo)準(zhǔn)級(jí)標(biāo)準(zhǔn)是不存在的，級(jí)一般指的是最初支持的。這篇筆記的內(nèi)容對(duì)應(yīng)的是《JavaScript高級(jí)程序設(shè)計(jì)(第三版)》中的第一章。 1.ECMA 和 ECMA-262 ECMA 是歐洲計(jì)算機(jī)制造商協(xié)會(huì)的縮寫，全程是 European Computer Manufacturers Ass...

masturbator 2019-08-21 17:18 評(píng)論0 收藏0
《JavaScript 闖關(guān)記》之事件

摘要：事件捕獲團(tuán)隊(duì)提出的另一種事件流叫做事件捕獲。所有節(jié)點(diǎn)中都包含這兩個(gè)方法，并且它們都接受個(gè)參數(shù)要處理的事件名作為事件處理程序的函數(shù)和一個(gè)布爾值。最后這個(gè)布爾值參數(shù)如果是，表示在捕獲階段調(diào)用事件處理程序如果是，表示在冒泡階段調(diào)用事件處理程序。 JavaScript 程序采用了異步事件驅(qū)動(dòng)編程模型。在這種程序設(shè)計(jì)風(fēng)格下，當(dāng)文檔、瀏覽器、元素或與之相關(guān)的對(duì)象發(fā)生某些有趣的事情時(shí)，Web 瀏覽器...

ConardLi 2019-08-22 10:44 評(píng)論0 收藏0
JavaScript簡(jiǎn)介

摘要：發(fā)布后不久，微軟就在其中加入了名為的實(shí)現(xiàn)命名為是為了避開與有關(guān)的授權(quán)問題。以現(xiàn)在的眼光來看，微軟年月為進(jìn)入瀏覽器領(lǐng)域而實(shí)施的這個(gè)重大舉措，是導(dǎo)致日后蒙羞的一個(gè)標(biāo)志性時(shí)間。微軟推出其實(shí)現(xiàn)意味著有了兩個(gè)不同的版本中的中的。 JavaScript簡(jiǎn)介前言：最近在細(xì)讀Javascript高級(jí)程序設(shè)計(jì)，對(duì)于我而言，中文版，書中很多地方一筆帶過，所以用自己所理解的，嘗試細(xì)致解讀下。如有紕漏或錯(cuò)...

teren 2019-08-26 12:24 評(píng)論0 收藏0