码迷,mamicode.com
首页 > Web开发 > 详细

HTML DOM知识点补充:

时间:2018-07-20 20:33:36      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:ali   .com   知识   font   text   esc   dde   补充   16px   

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知识点补充:

标签:ali   .com   知识   font   text   esc   dde   补充   16px   

原文地址:https://www.cnblogs.com/chentianwei/p/9343386.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!