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

?

轉載于:https://www.cnblogs.com/chentianwei/p/9343386.html

總結

以上是生活随笔為你收集整理的HTML DOM知识点补充：的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。