HTML DOM知识点补充：

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