JavaScript基本操作

來源:互聯網
上載者:User

標籤:app   模型   就是   解析   tee   rip   編程   fragment   出現   

1.什麼是DOM
DOM是文件物件模型的簡稱,它的基本思想是把結構化的文檔解析成一系列的節點,再由這些節點群組成一個樹狀的結構。所有節點的最終的樹狀結構,都有規範的對外介面,以達到使用程式設計語言操作文檔的目的,所以,DOM可以理解成文檔的結成變口。
嚴格的說,DOM不屬於JavaScript,但是操作DOM是JavaScript最常見的任務,而JavaScript也是最常使用於DOM操作的語言。

2.節點
DOM的最小組成單位叫做節點,一個文檔的樹形結構就是各種不同類型的節點群組成的。
六種主要節點如下:
1.Document 文檔節點 整個文檔(window.document)
2.DocumentType 文件類型節點 文檔的類型
3.Element 元素節點 HTML 元素(比如<head>、<body>等)
4.Attribute 屬性節點 HTML 元素的屬性(比如 class="right")
5.Text 文本節點 HTML 文檔中出現的文本
6.DocumentFragment 文檔片段節點 文檔的片段

3.選取文件項目
1.通過ID:document.getElementById("idName")
2.通過名字或者標籤名:getElementsByName() 方法或者 getElementsByTagName() 方法找到元素,不過如果有多個
3.查詢和設定元素的屬性:getAttribute(),setAttribute()
4.父親節點:通過parentNode()方法可以對當前節點的父節點進行操作
5.建立和插入節點:createElement(),appendChild()
通過createElement()方法建立節點
通過appendElement()方法插入節點
6.節點的刪除:removeChild()

JavaScript基本操作

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.