Javascript DOM1

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

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

1. DOM簡介

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

DOM節(jié)點分類

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

2. 獲取元素

通過id獲取元素

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

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

// 返回值 集合類型（數(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é)點

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

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

Javascript DOM2

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95074.html

相關(guān)文章

Javascript簡介

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

Near_Li 2019-08-21 10:40 評論0 收藏0
JavaScript 簡介

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

URLOS 2019-08-20 10:33 評論0 收藏0
001-讀書筆記-JavaScript高級程序設(shè)計 JavaScript簡介

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

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

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

ConardLi 2019-08-22 10:44 評論0 收藏0
JavaScript簡介

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

teren 2019-08-26 12:24 評論0 收藏0