DOM Console
控制台对象提供了浏览器的debug的方法支持。
常用的：console.log()。 ⚠️coffeescript中，这个方法不加括号。
DOM Document
当一个HTML document加载到浏览器上，它就成为了一个document object。
它是root node
提供了大量document object 方法支持和Properties：常用的：
| addEventListener() | removeEventListener() |
| body() | 返回body元素 |
| createAttribute() | |
| createElement() | |
| createTextNode() | |
| createEvent() | |
| getElementById() | querySelector() |
| getElementsByClassname() | ⚠️返回的是nodelist querySelectorAll() |
| getElementsByTagName() | ⚠️返回的是nodelist |
| getElementsByName() | 返回一个 nodelist包括所有这个name的元素。 |
DOM Element Object
元素对象也有大量方法和特性：
| addEventListener() removeEventListener() | |
| appendChild(), removeChildren() | |
| attributes | |
| childNodes 返回所有子节点集合。 ⚠️children返回所有子元素集合 | |
| click() | |
| firstChlid() lastChild() | |
| getAttribute() 比如data-*系列, removeAttribute() | |
| id | |
| innerHTML, innerText | |
| querySelector | |
| scrollHeight() | 返回一个元素的高度，包括padding。 |
| toString() | |
HTML DOM Events
让javascript注册不同的event handlers，在HTml document的元素上。
非常非常多。
https://www.w3schools.com/jsref/dom_obj_event.asp