如何在这个纯JavaScript代码中使用$$函数?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (25)

这段代码在我正在学习的教程中,它会在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]);
}
提问于
用户回答回答于

正如评论中所提到的,它可能是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>

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励