Question

此代码在我正在学习的教程中，它将所有标题标签按其在DOM中的顺序记录在页面上。有人可以解释此代码的工作原理吗？（尤其是headings = $$('h1,h2...')部分）

$$字符代表什么？

for (var i = 0, headings = $$('h1,h2,h3,h4,h5,h6');
     i < headings.length; i++) {
   console.log(headings[i].textContent.trim() + " " +  
               headings[i].tagName,
               headings[i]);
}

Answer 1

如评论中所述，它可能是document.querySelectorAll()或其他dom查询方法的包装函数

function $$(selectors) {
  return document.querySelectorAll(selectors)
}

for (var i = 0, headings = $$('h1,h2,h3,h4,h5,h6'); i < headings.length; i++) {
  console.log(headings[i].textContent.trim() + " " +
    headings[i].tagName,
    headings[i]);
}

<h1>One</h1>
<h2>Two</h2>

Answer 2

弄清楚了。这是一个控制台实用程序API便利功能，只能从控制台运行。此$$本质上是querySelectorAll的内置控制台快捷方式。 https://developers.google.com/web/tools/chrome-devtools/console/utilities

在纯JavaScript代码中如何使用$$函数？

2 个答案: