select 元素无法使用来自 Chrome 的选择器结果

Question

我正在尝试 select 带有 'Selector name' 的元素，然后将其删除。

但我无法 select 元素 :

Chrome 给我选择器：

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

到select我试过用:

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

哪个returnnull

和

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

哪个returnNodeList[]我打赌这个不错return

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

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>

Answer 1

回答是谢谢 @Quentin :

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

ChromeSelector[0].remove();

select 元素无法使用来自 Chrome 的选择器结果

Can not select element using Selector result from Chrome

javascript

nodelist

nodes