首頁 > 開發者 > JavaScript
標籤：content nbsp dtd 大小寫 name head lang host 使用
一、文檔(D)一個網頁運行在瀏覽器中，他就是一個文檔對象。
二、對象（O）“對象”是一種自足的資料集合。與某個特定對象相關聯的變數被稱為這個對象的屬性，只能通過某個對象調用的函數被稱為這個對象的方法。
JavaScript中有三種類型的對象：
①使用者自訂對象：不做瞭解
②內建對象（native object）：JavaScript中一開始就存在的。列如Array，Math，Date等（JavaScript文法區分大小寫）
③宿主對象（host object）：由瀏覽器提供的對象。列如window對象，盡量不使用這種對象。
三、模型（M）DOM中M，既Model模型，代表這某種一類事物的表現形式，瀏覽器提供了網頁的模型，JavaScript讀模數型，擷取資訊，操作DOM。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> </head> <body> <h1>DOM</h1> <ul> <li>1</li> <li>2</li> </ul> </body></html>
html代表整個文檔，<html>標籤下包含兩個分支<head>和<body>,<body>下包含<h1>和<ul>,<ul>下包含<li>。這些節點元素組成了一個完整的網頁。JavaScript通過擷取節點元素來操作DOM模型。
四、DOM對象擷取元素節點的方法1.getElementByIddocument對象特有的函數。document.getElementById（id），id對應節點元素的id值，用“id的值”或‘id的值‘表示。改方法返回的是一個對象object
2.getElementsByTagNamegetElementsByTagName類似於getElementById，它的參數是標籤的名字；列如想擷取標籤li的對象，即為document.getElementsByTagName(“li”)，傳回型別為object數組。擷取某個文檔有多少個元素節點可以用alert（document.getElementByTagName("*").length）。*為萬用字元，代表所有元素節點。
3.getElementByClassNamegetElementByClassName為HTML5新增方法，通過class屬性中的類型訪問元素。getElementByClassName（class）也與getElementsByTagName類似，傳回值也是一個具有相同元素的數組。
JavaScript學習總結（一）DOM文件物件模型
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
