HTML DOM學習
阿新 • • 發佈：2018-06-16
控制臺 var 全部 動態 pan 功能 對象模型 AC 獲取元素
本文檔參考菜鳥教程：http://www.runoob.com/htmldom/htmldom-tutorial.html
前提：
DOM Document Object Model（文檔對象模型）的縮寫
DOM 定義了訪問 HTML 和 XML 文檔的標準：
"W3C 文檔對象模型 （DOM） 是中立於平臺和語言的接口，它允許程序和腳本動態地訪問和更新文檔的內容、結構和樣式。"
一、HTML DOM是什麽？
HTML DOM 是關於如何獲取、修改、添加或刪除 HTML 元素的標準。
二、HTML DOM 的組成（5個部分：節點、方法、屬性、事件、控制臺對象）
2.1 節點
HTML DOM 以樹結構 表達 HTML 文檔。
HTML DOM對HTML文檔結構為五種類型的節點：1 文檔節點（document）、2 元素節點、3 屬性節點、4 文本節點、5 註釋節點
2.2 方法：對元素節點的操作
2.3 屬性：對屬性節點和文本節點的操作。
2.4 事件：此處是HTML DOM ，此處的DOM事件也就是HTML事件：所有事件：http://www.runoob.com/jsref/dom-obj-event.html
註意：DOM屬性節點和CSS樣式不是一個東西！！！ 對CSS樣式操作：document.getElementById("p2").style
二、有哪些功能(知識例舉幾個常用的，全部的請看文章結束部分有鏈接！！！！ )
三 、示例代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p name="intro" id="intro">Hello World!</p>
<script>
//新建元素節點
//var test=document.createElement("div");
//添加元素節點
var test=document.createElement("div");
//新建文本節點
//var node=document.createTextNode("這是一個新段落。");
四、HTML DOM 各個組成部分到底有哪些方法？？？ http://www.runoob.com/jsref/obj-console.html
HTML DOM學習