<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
<script>
/*
DOM : Document Object Model 文檔對象模型
文檔：html頁面
文檔對象：頁面中元素
文檔對象模型：定義 爲了能夠讓程序(js)去操作頁面中的元素
DOM會把文檔看作是一棵樹，同時定義了很多方法來操作這棵數中的每一個元素（節點）
DOM節點
getElementById
getElementByTagName
document
document.body
*/
</script>
</head>
<body>
<div id="div1">
<p>11111111</p>
<ul id="ul1">
<li>11111</li>
<li>22222</li>
<li>33333</li>
<li>44444</li>
</ul>
</div>
</body>
</html>
