javascript - 如何在没有 jQuery 的情况下在 Javascript 中链接选择器

Question

在尝试操纵外部站点的布局时，我经常被迫使用一系列选择器来定位我想要的特定元素。我第一次遇到这个问题时，我得到了一个 jQuery 解决方案，很容易得到结果。我不想依赖 jQuery，并且想知道这在标准 Javascript 中的可行性。这是一个 jQuery“链”示例 -

$('div[id="entry"] > p[class="header"] > span[id="title"] > div[class*="entry"] > p[class="title"] > a[class*="target"]').. etc

这么说HTML结构大概是

<div id="entry">
    <p class="primary">
    <p class="header">
        <span class="side">
        <span id="title">
            <div class="secondary entry">
                <p class="return">
                <p class="title">
                    <a class="img">
                    <a class="mytargetelement">

那么这通常是怎么可能的呢？谢谢。

Answer 1

输入 document.querySelectorAll .

这是 jQuery 在内部用于支持它的浏览器的东西。语法与 jQuery (Sizzle) 选择器相同，参见 Selectors API .