无法使用 Chrome 的选择器结果选择元素答案

【问题标题】：Can not select element using Selector result from Chrome无法使用 Chrome 的选择器结果选择元素
【发布时间】：2020-08-25 01:21:36
【问题描述】：

我正在尝试使用“选择器名称”选择一个元素，然后将其删除。

但我无法选择元素：

Chrome 给我选择器：

body > zea-hub > div > div > zea-my-accounts > zea-section > section > div > div > div:nth-child(1)

要选择它，我尝试使用：

document.querySelector("body > zea-hub > div > div > zea-my-accounts > zea-section > section > div > div > div:nth-child(1)")

返回null

和

document.querySelectorAll("body > zea-hub > div > div > zea-my-accounts > zea-section > section > div > div > div:nth-child(1)")

哪个回报NodeList[]我敢打赌这是一个很好的回报

所以我尝试用这种方式删除这个元素：

var ChromeSelector = document.querySelectorAll("body > zea-hub > div > div > zea-my-accounts > zea-section > section > div > div > div:nth-child(1)");

ChromeSelector.parentNode.removeChild(ChromeSelector)

但它不起作用......我错过了什么吗？

var ChromeSelector = document.querySelectorAll("body > section > div > div > div:nth-child(1)");
alert(ChromeSelector)
ChromeSelector.parentNode.removeChild(ChromeSelector)

<section MySectionTest>
   <div _Firstdiv class="container">
     <div _Seconddiv class="Column">
       <div FirstSectionElement class="section">
         <h1 _ngcontent-kwd-c95="">Test</h1>
       </div>

       <div FirstSectionElement class="section">
         <h1 _ngcontent-kwd-c95="">Test2</h1>
       </div>
      </div>
   </div>
</section>

【问题讨论】：

您需要阅读How to ask a good question。任何人都无法从您在问题中提供的少量信息中重现该问题。
您不能删除节点列表。你可以删除每个节点 - 如果你得到一个节点列表，检查长度 - 如果它是 0 那么你的选择器不正确
querySelector 返回 null 并且 querySelectorAll 返回长度 > 0 的节点列表的可能性极小 - 这可能是时间问题吗？当你寻找它时它存在吗？
重复stackoverflow.com/questions/10693845/…
@Dorian — 副本解释道。正如 mplungjan 15 分钟前在评论中所做的那样。

标签： javascript nodes nodelist

【解决方案1】：

答案是谢谢@Quentin：

var ChromeSelector = document.querySelectorAll("body > section > div > div > div:nth-child(1)");

ChromeSelector[0].remove();

【讨论】：

同document.querySelector("body > section > div > div > div:nth-child(1)").remove();
那是不可能的。如果document.querySelectorAll("body > section > div > div > div:nth-child(1)")[0];' works then so will document.querySelector("body > section > div > div > div:nth-child(1)");` `
尝试用window.addEventListener("load”, function() { ... });包裹起来
您是否有权访问插入要修改的 div 的脚本部分？
这就是你添加要删除的脚本的地方