问答

如何在chrome控制台查看元素节点的属性

作者:admin 2021-07-10 我要评论

通常获取元素节点控制台显示 而我希望能以属性集合的方式查看,如下 除了用document.querySelectorAll()方法返回节点集合以外,还有其他方法吗? ### 几种方式,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

通常获取元素节点控制台显示
3610DCFE-7733-476A-AC1C-97E890C3E55B.png
而我希望能以属性集合的方式查看,如下
222.png
除了用document.querySelectorAll()方法返回节点集合以外,还有其他方法吗?

###

几种方式,看你喜欢用哪一个了。


一是格式化:

console.log('%O', myElement)

二是用非公开的 API:

console.dir(myElement);
https://developer.mozilla.org...

三是转换成数组:

console.log([myElement]);

几种方式的执行结果截图:

image.png

image.png

image.png

###

image.png

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • elementUI表单Object.assign处理后无法

    elementUI表单Object.assign处理后无法

  • nacos作为配置中,有时可以加载到配置

    nacos作为配置中,有时可以加载到配置

  • font-spider压缩字体后,文件大小没有

    font-spider压缩字体后,文件大小没有

  • Vue SSR babel node_modules中的一个包

    Vue SSR babel node_modules中的一个包

腾讯云代理商
海外云服务器