我有点困惑以下:让我们说我有一个段落元素与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"));