JS(七) JS的DOM節點 Event(事件)

2021-09-24 15:00:22 字數 1139 閱讀 3116

dom是w3c(全球資訊網聯盟)的標準。dom定義了訪問html和xml文件的標準。

"w3c文件物件模型(dom)是中立於平台和語言的介面,它允許程式和指令碼動態地訪問和更新文件的內容,結構和樣式。"

w3c dom標準被分為3個不同的部分:

什麼是xml dom?------》xml dom定義了所有xml元素的物件和屬性,以及訪問它們的方法。

什麼是html dom?------》html dom定義了所有html元素的物件和屬性,以及訪問它們的方法。

根據w3c的html dom標準,html文件中所有內容都是節點(node):

//當有些你需要操作的元素,但是卻找不到,你就需要通過可以找到的元素利用導航屬性去找到;

父(parent)、子(child)、同胞(sibling)等術語用於描述這些關係。父節點擁有子節點。同級的子節點被稱為同胞(兄弟或者姐妹)。

訪問html元素、訪問html元素等同於訪問節點,我們能夠以不同的方式來訪問html元素:

頁面查詢:

區域性查詢:即查詢到乙個標籤後,再查詢該標籤下的其它標籤,只支援getelementbytagname()、getelementbyclassname();

繫結事件的兩種方式,一般採用第二種:

其它事件觸發呼叫函式的情況:

如果上面第二種方式獲取的元素物件包含多個元素,可以使用遍歷對每乙個元素進行事件繫結;

另:this引數:

js操作dom節點

1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...

js操作dom節點

1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...

JS獲取DOM節點

父節點id為target,有兩個字節點,獲取target下所有字節點 const childrens document.getelementbyid target getelementtagname div 得出的childrens是乙個陣列,陣列中的元素是target下的子節點。childnode...