javascript – 在Chrome控制台中选择DOM元素

前端之家收集整理的这篇文章主要介绍了javascript – 在Chrome控制台中选择DOM元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有点困惑以下:让我们说我有一个段落元素与id的id.使用Chromes控制台,如果我说
document.getElementById("para")

我返回了HTML片段< p id =“para”> ….< / p>,而如果我使用例如Javascript库D3的选择方法并说

d3.select("#para")

我返回了DOM节点,可以访问段落元素的所有属性方法.

为什么这个差异?

解决方法

默认情况下,当在Chrome中记录DOM节点时,它将显示标记.要将DOM节点作为普通对象记录,请使用console.dir. d3.select(“#para”)显示为普通对象的原因是该方法可能不返回DOM节点,而是返回DOM节点上的对象.
console.dir(document.getElementById("para"));
原文链接:https://www.f2er.com/js/153342.html

猜你在找的JavaScript相关文章