js获取元素的方法

js 获取元素5种的方式

1、标签获取元素
getElementsByTagName()方法返回一个动态的包含所有指定标签名的元素的集合。
语法： document.getElementsByTagName(‘元素的标签名’)[下标];

Hello World!
Hi Jhon!

2、id获取元素
getElementById() 返回一个匹配特定ID的元素
语法： document.getElementById(‘id’);

Hello World!
点击改变

3、通过class名字获取页面元素
getElementsByClassName()方法返回一个包含了所有指定类名的子元素的类数组对象，作为nodeList对象。
语法：document.getElementsByClassName(‘类名’)[下标];

hello world
类名为test
第一个div
第二个div

4、通过CSS选择符方式获取页面元素
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素
语法：var str = document.querySelector();

hello world

5、通过元素的name属性的值获取一组元素
getElementsByName():根据给定的name值返回指定名称的对象集合。
语法： getElementsByName(‘name属性’)[下标]

6、获取HTML元素
documentElement属性以一个元素对象返回一个文档的文档元素

(documentElement是一个会返回文档对象的根元素的只读属性)
documentElement是整个节点树的根节点，即html标签 HTML文档返回对象为HTML元素
如果HTML元素缺失，返回值为null

显示节点名称