对于许多前端开发项目来说,获取元素进行操作是必不可少的,例如tab标签,全屏切换,自动滚播等效果都需要通过获取节点元素来实现。下面我们来看一下JavaScript获取html元素的几种方式。
1、getElementById( )
作用:用于获取一个基于唯一的ID的元素。
用法:getelementById(),接受一个你要获取的id参数,如果找到相应的元素则返回该元素,如果找不到就返回null。
代码:
HTML中代码:
JavaScript中代码:
2、getElementsByTagName
作用:用于获取对应标签的所有对象
用法:getElementsByTag(),接受一个你要获取的标签的参数,返回含零或多个元素的NodeList(节点列表,与数组类似)
代码:
HTML中代码:
JavaScript中代码:
3、getElementsByName
作用:用于获取对应name名的所有元素
用法:getElementsByName(),接受一个你要获得name名的参数,返回含零或多个元素的NodeList(节点列表,与数组类似)
代码:
HTML中代码:
JavaScript中代码:
4、getElementsByClassName
作用:用于获取对应class名的所有元素
用法:getElementsByClassName(),接受一个你要获得class名的参数,返回含零或多个元素的NodeList(节点列表,与数组类似)
HTML中代码:
JavaScript中代码:
本文完〜