浏览器控制台打印DOM对象的详细信息

东明兄 2022-10-14
0条评论 728 次浏览
东明兄 2022-10-140条评论 728 次浏览

在控制台使用console.log打印dom时,控制台会直接将dom标签显示出来,不好直观的查看dom对象的属性方法。

解决方法:

1.用数组包起来打印

   const p = document.querySelector('p');
   console.log([p]);

2.将dom作为对象的属性打印

   const p = document.querySelector('p');
   console.log({p});

3.打印dom的隐式原型

   const p = document.querySelector('p');
   console.log(p.__proto__);

本文通过 YUQUE WORDPRESS 同步自语雀

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注