https://developer.mozilla.org/zh-CN/docs/Web/API/console/dir_static
console.dir() 方法可以显示指定 JavaScript 对象的属性列表,并以交互式的形式展现。输出结果呈现为分层列表,包含展开/折叠的三角形图标,可用于查看子对象的内容。
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>123</div>
<script>
div = document.querySelector('div')
console.dir(div)
</script>
</body>
</html>
控制台输出:
用typeof div查看div的类型,是对象: