1-1 如何获取节点

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循环**

<div class="app">
  hello world
</div>

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]);
}

1-3 getElementsByClassName(）通过class来获取

• 实例 点击某个div消失 ```javascript
  hello 1
  hello 2
  hello 3
  hello 4

```