1-1 如何获取节点

DOM 是关于如何增,删,改,查 HTML 元素的标准。

getElementById()
getElementsByTagName() //HTMLCollection(4)
getElementsByClassName() //HTMLCollection(4)
querySelectorAll() //NodeList[]

1-1 getElementById() 通过id来获取

<div id="app">
</div>
<div class="one">one1</div>
<div class="one">one2</div>
<div class="one">one3</div>
<script>
var app = document.getElementById("app")
// console.log(app);
</script>

1-2 getElementsByTagName() 返回带有指定标签名的对象的集合

• HTMLCollection(HTML集合)，不是数组 类数组对象，可以使用数组的属性，可以for循环 ```javascript
  hello world

var app = document.getElementsByTagName(“div”)

// app HTMLCollection(HTML集合)，不是数组 类数组对象，可以使用数组的属性，可以for循环 console.log(Array.isArray(app)); // false console.log(app.length); for(var i = 0;i<app.length;i++){ console.log(app[i]); }

<a name="Jz5OL"></a>
## 1-3 getElementsByClassName(）通过class来获取

<a name="8Wl0Z"></a>
## 1-4 querySelectAll() 根据指定选择器，返回所有元素对象
```javascript
<div class="parent"></div>
var all = document.querySelectorAll(".parent");
console.log(all);        //NodeList [div.parent]