更新時間:2022-09-15 09:35:04 來源:動力節點 瀏覽897次
DOM 代表文檔對象模型。它是一個編程接口,允許我們從文檔中創建、更改或刪除元素。我們還可以為這些元素添加事件以使我們的頁面更??加動態。
DOM 將 HTML 文檔視為節點樹。一個節點代表一個 HTML 元素。
讓我們看一下這段 HTML 代碼,以更好地理解 DOM 樹結構。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>DOM tree structure</title>
</head>
<body>
<h1>DOM tree structure</h1>
<h2>Learn about the DOM</h2>
</body>
</html>
我們的文檔稱為根節點,其中包含一個子節點,即<html>元素。該<html>元素包含兩個子元素,即<head>和<body>元素。
<head>和元素都有<body>自己的子元素。
這是可視化此節點樹的另一種方法。
我們可以訪問文檔中的這些元素并使用 JavaScript 對它們進行更改。感興趣的小伙伴也可以看看使用JavaScript永久刪除dom元素的文章。
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習