console.log() 和 console.dir() 输出元素的区别

最新推荐文章于 2022-04-02 20:48:00 发布
最新推荐文章于 2022-04-02 20:48:00 发布
阅读量1k 收藏 2
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42943107/article/details/97956914
版权

console.log()截图
在这里插入图片描述
在这里插入图片描述
console.dir() 截图
在这里插入图片描述
在这里插入图片描述
区别：
console.log()
无法看到标签对象的属性和方法，能输出多个数据，数据类型颜色有差异。
console.dir()
以对象形式输出，只能输出一个数据，不能直观识别数据类型，但是可以看到标签对象的属性和方法。

webshitian
关注
专栏目录
console.dir()和console.log()的区别
jieweiwujie的博客
04-07 1016
总结来说，`console.log()`更适合用于输出和查看数据的字符串表示，特别是对于DOM对象，它会以更易读的HTML格式显示。而`console.dir()`则更适合用于详细检查对象的所有属性和方法，尤其当需要深入了解对象的内部结构时。
console.dir和console.log有什么区别？
w36680130的博客
06-10 597
In Chrome the console object defines two methods that seem to do the same thing: 在Chrome中， console对
console.log()和console.dir()的区别
joey_hao的博客
06-28 1918
1,console对象的作用： 显示网页代码运行时的错误信息。 提供了一个命令行接口，用来与网页代码互动。 2,console对象常用的方法： 2.1 log() console.log方法用于在console窗口输出信息。它可以接受多个参数，将它们的结果连接起来输出。 2.1 dir() console.dir()方法用来对一个对象进行检查（inspect），并以易于阅读和打印的格式显示。 console.log({f1: 'foo', f2: 'bar'}) // Object {f1: "foo
console.log 和 console.dir的区别
weixin_44090040的博客
07-08 9611
console.log() 方法 用于在 console 窗口中输入信息。在调试时，可以替代 alert() 或 document.write() 输入需要输出的内容 console.dir() 方法 用来对一个对象进行检查(inspect)，并以易于阅读和打印的格式显示。该方法对于输入 DOM 对象非常有用，因为 dir 方法会显示DOM对象的所有属性 打开控制台，在 Console 中分别输入 console.log(Promise) 和 console.dir(Promise) 可以看到一个输出的.
console.log()与console.dir()
weixin_30814319的博客
04-07 101
console.log()可以取代alert()或document.write()，在网页脚本中使用console.log()时，会在浏览器控制台打印出信息。 console.dir()可以显示一个对象所有的属性和方法。 代码格式： 之前想打印输出，ul的相关属性 控制台输出结果： 现在可以利用console.dir直接获取相关属性 控制台输出打印结果 ...
在vue中使用console.log无效的解决
11-20
然而，有时在Webpack开发环境下，可能会遇到`console.log()`输出无效的情况。这并不是因为Webpack本身的问题，而是由于某些配置或者插件导致的。为了解决这个问题，可以尝试使用`window.console.log()`代替`console....
javascript代码调试之console.log 用法图文详解
11-23
JavaScript是Web开发中不可或缺的一部分，而在JavaScript的调试过程中，`console.log`是一个极其重要的工具，它可以帮助开发者在浏览器控制台输出信息，以便于理解和检查代码的执行情况。本文将详细介绍`console.log...
am-simple-log:为学习目的而创建的console.log和console.dir的简单包装
05-17
一个简单的包装器，而不是console.dir()和console.log() 如何使用 运行npm install安装软件包，并使用以下示例进行使用。 import Log from 'am-simple-log' // set this universally var debug = true ; var ...
js console.log打印对像与数组用法详解
11-25
JavaScript中的`console.log()`函数是开发者调试代码时最常用的工具之一。它允许我们在浏览器的控制台输出各种数据类型，...希望本文的介绍能帮助你更好地理解和使用`console.log()`，从而提升JavaScript编程的体验。
javaScript中console.log()的用法
热门推荐
夏朵朵的博客
04-16 5万+
console.log()类似于alert啊，不过不会打断操作。主要是方便调式javascript用的。你可以看到你在页面中输出的内容，不过需要浏览器支持控制台输出。在浏览器界面使用快捷键 F12 就能打开控制台，这个F12 最确切的叫法是开发人员工具。其中，Console 即控制台。点击右键的 Clear console 菜单 或者 输入 clear() /console.clear()然后按回...
html —— 查看元素属性 与 js 全局属性
永远的北极光
10-12 2894
算是一个意外的收获，所以记录下。 查看元素的全部属性与事件： 使用 console.log() 打印元素，查看完整属性与事件。 查看js 全局属性与事件： chrome 浏览器打开console 窗口，watch中 输入" window. "提示的即为全局属性与函数等。 例如，console.log（） 打印select 元素，将发现它具有的属性远不止常用的 id
console.log 用法
热爱生活~热爱工作~热爱每一天~
11-29 3万+
【转】console.log 用法 标签： 转自http://www.cnblogs.com/ctriphire/p/4116207.html 大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端 设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调...
浏览器控制台调试之——console输出语法使用
qwguo
05-29 1万+
以前我们在调试代码的时候常用alert方法输出代码，这个方法不能输出详细内容，而且会阻止后面的代码执行，非常不利于我们调试。 console用于在控制台输出内容，他的出现可以让我们在开发过程中调试代码变得方便，而且console也为我们提供了很多的方法，有些再调试过程中非常实用，可以节省很多时间。 console使用 我们在开发过程中经常会用到浏览器的控制台工具，来打印一些信息便于我们开发和调试，console对象为我们提供了很多的方法，能够使我们美化格式化打印的信息，对我们调试有所帮助。 con.
JS的console中log和dir的区别
一只小鹰
06-20 9859
原文出自 https://www.jeremyjone.com/392/， 转载请注明。 在前端JS测试中，经常会用到console.log()这样的打印输出语句。有时候也会看到使用console.dir()，那么这两种输出有什么区别？ 简单来说： log语句打印的是结果，直接显示信息； dir语句打印的是内容，对显示对象的所有属性和方法。 这样的区别在输出普通数据时没有区别，打印的内容完全一...
js中console.log()和console.dir()的区别
ky1in93的博客
06-27 2146
1.针对一个json对象而言，差别不大。2.针对html来说。console.log()打印的是body的内容树，而console.dir()打印的是body树种的所有属性和方法。
console.log()与console.dir()的区别
Sfh的博客
07-22 290
console.log()可以取代alert()或document.write()，在网页脚本中使用console.log()时，会在浏览器控制台打印出信息。 console.dir()可以显示一个对象所有的属性和方法。 回顾：放在对象里面的函数属性就叫方法，方法本质也是函数，只是放的位置不同罢了 例子： 控制台输出的内容： ...
js基础知识04
Int321的博客
04-02 288
这里写目录标题习题1（堆栈）console.dir(box);//查看详细信息 习题1（堆栈） 已知下面代码可以修改BOX元素的样式 1 box.style.color = 'red '; 那么下面的写法是否可以修改元素的样式，如果不可以是为什么? let box = document.getElementById('box'); 通过方法获取的元素box是 对象数据类型 的值 console.dir(box);//查看详细信息 //第一种方案 let AA = box.style; AA
console.log和console.dir
最新发布
03-16
console.log是JavaScript中的一个内置函数，用于在控制台输出日志信息。它可以接受任意数量的参数，将它们以字符串的形式输出到控制台。 console.dir也是JavaScript中的一个内置函数，用于在控制台输出一个对象的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值