首页>前端>正文

JavaScript之DOM对象的获取(二)JS

时间:2018-01-10 12:08:36   来源:上海尚学堂   阅读:
上次讲到《JavaScript之DOM对象的获取》本文是JavaScript之DOM的第二部分,点击回顾上次的第一部分,更好地理解本文。

1、document.getElementsByClassName(class属性)

通过类名属性获取一组对象   



说明
通过docuemtn对象,根据类名获取一组节点对象(获取所有含有modal类的节点)
 

2、document.forms

表单的特殊获取方式 ,表单是页面中十分常用的一个元素,因此提供了其简便的获取方式,在document对象中有一个forms属性,保存了页面的所有表单
    
说明
  获取页面中所有的form表单
 


在文档中,除了通过document直接获取元素外,也可以在获取到的元素的基础上进一步获取(子元素,兄弟元素,后代元素等等)

3、element.childNodes

获取某节点中所有的子节点  
注意:①、空格和换行也是节点 ②只包含直接子节点(儿子)
 
说明
1)、根据id获取精确的某元素
2)、获取某元素下的所有孩子节点
  

4、element.firstChild

获取某个元素的第一个孩子节点   


说明
1)、根据id获取到精确对象(id为container的div)
2)、获取该对象的第一个孩子节点(即其后的文本节点)



JavaScript之DOM对象获取就讲到这里,有关JavaScript之DOM技术文章可以参考上海尚学堂《JavaScript之DOM》、《JavaScript的文档对象模型DOM》。

分享:0

电话咨询

客服热线服务时间

周一至周五 9:00-21:00

周六至周日 9:00-18:00

咨询电话

021-67690939
15201841284

微信扫一扫