HTML DOM知識點補充：
阿新 • • 發佈：2018-07-20
nbsp data-* nodes first 子節點 remove class rip ttr
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
HTML DOM知識點補充：