欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript之DOM对象获取(1)

程序员文章站 2022-06-23 21:58:55
我们在操作html中的节点的时候,第一步就需要获取到对应节点(元素),才能有后续的操作。获取节点的方式有很多 1、document.getElementById(‘id值’) 通过id精确的选中某一个节点 说明通过document对象,根据id获取某个精确的节点对象(获取id值为mydiv1的节点) ......

我们在操作html中的节点的时候,第一步就需要获取到对应节点(元素),才能有后续的操作。获取节点的方式有很多

1、document.getElementById(‘id值’)

通过id精确的选中某一个节点

JavaScript之DOM对象获取(1)


说明
通过document对象,根据id获取某个精确的节点对象(获取id值为mydiv1的节点)

JavaScript之DOM对象获取(1) 

2、document.getElementsByName(‘name属性值’)

通过name属性值获取一组元素对象 

JavaScript之DOM对象获取(1)

说明
通过document对象,根据name属性获取一组节点对象(获取name属性值为mydiv的一组节点)



JavaScript之DOM对象获取(1) 

3、document.getElementsByTagName(‘标签名称’)

根据标签的名字获取一组元素 

JavaScript之DOM对象获取(1) 
说明
通过document对象,根据标签名称获取一组节点对象(获取所有div节点)
JavaScript之DOM对象获取(1) 

这是JavaScript之DOM的第一部分,下次我们再讲述第二部分,有关JavaScript之DOM技术文章可以参考上海尚学堂《JavaScript之DOM》、《JavaScript的文档对象模型DOM》