谷歌浏览器控制台打印dom元素详细信息

console.log();时在获取到的dom元素外面套个[],控制台在打印数组内的对象是,会显示数组内对象的详细信息;

打印时,把dom元素放在数组里与不把dom元素放在数组里打印的对比,如下图所示:

console.log(document.querySelector(".node1"));

console.log([document.querySelector(".node1")]);

顺便说一下获取dom的八种方法:

1.通过选择器获取一个元素（querySelector）

如:document.querySelector("#test");

2.通过选择器获取多个元素（querySelectorAll）,得到的是伪数组

如:document.querySelectorAll("#test");

3.通过ID获取（getElementById）

4.通过name属性（getElementsByName）

5.通过标签名（getElementsByTagName）

6.通过类名（getElementsByClassName）

7.获取html的方法（document.documentElement）

8.获取body的方法（document.body）