JS 002 dom基礎增強

2022-03-30 14:58:00 字數 1465 閱讀 2906

1)

dom的解讀

dom:對文件的內容進行抽象和概念化的方法。代表被載入到瀏覽器視窗的當前網頁。

d: 當建立了乙個網頁並載入到

web瀏覽器中之時,

dom就會根據你所編寫的網頁建立乙個文件物件。而這個文件物件是由多個元素物件所組成的。

o: 物件分為三類【自定義物件

/內建物件

/宿主物件】其中最基礎的宿主物件是window

物件,他對應著瀏覽器視窗本身。

但我們更應該關注的是瀏覽器的內部而不是瀏覽器的視窗,因此我們將著重討論如何對網頁的內容進行處理,因此,重點應該把握的是

document

物件。m:瀏覽器向我們提供了當前網頁的模型,我們可以通過

js去讀取這個模型。而在

dom裡,這個模型通常是一棵節點樹。

2)節點的概念

dom是由節點構成的集合。

節點型別:元素節點/

文字節點

/屬性節點

例子:don't forgot to buy this stuff

元素節點:

【每乙個元素節點都有乙個

title

屬性】文字節點:don't forgot to buy this stuff

屬性節點:title="a gentle reminder"

3)getelementbyid()方法

作用:按id

屬性值檢索特定元素節點

id屬性就像是乙個掛鉤,一邊連著文件裡的某個元素,另一邊連著

js指令碼裡的某個函式

getelementbyid()方法與

document

相關聯,只有乙個引數,就是想獲得的那個元素的

id屬性值。這個屬性值要用雙引號括起來。

getelementbyid()方法將返回乙個與給定的

id屬性值的元素節點相應的物件。對應著document

物件裡獨一無二的乙個元素。文件中的每乙個元素都對應乙個物件。

4)getelementbytagname()方法

作用:按標籤名檢索特定元素節點

getelementbytagname()也和

document

相關聯,引數也只有乙個,就是

html

標籤的名字,方法將返回乙個

物件陣列,陣列裡的每乙個元素都是乙個物件,每個物件分別對應著文件裡有給定標籤的乙個元素。

如:想知道乙個文件裡有多少元素節點[

萬用字元]

alert(document.getelementbytagname("*").length);

5)在檢索到特定的元素節點後,我們可以利用getattibute()方法把他的各種屬性的值查詢出來。還可以利用setattibute()方法對特定元素節點的屬性的值做修改。

setattibute("title","a list of goods")

getattibute("title")

js入門 Dom基礎

dom documentobject model,文件物件模型。dom有三個不同的部分。1 核心dom 也是最基礎的文件結構的標準模型 2 xmldom 針對xml文件的標準模型 3 html dom 針對html文件的標準模型 對於乙個新生程式設計師來說。html是什麼,其實並不重要。但是都知道。...

JS基礎學習二 DOM

b 獲取節點 b document.getelementbyid nodeid document.getelementsbytagname nodetagname b 樹形操作 b firstchild lastchild childnodes parentnode nextsibling 同級的下...

JS回歸基礎之DOM

dom 可以將任何 html 或 xml 文件描繪成乙個由多層節點構成的結構。節點分為幾種不同的型別,每種型別分別表示文件中不同的資訊及 或 標記。每個節點都擁有各自的特點 資料和方法。dom1 級定義了乙個 node 介面,該介面將由 dom 中的所有節點型別實現。每個節點都有乙個 nodetyp...