Невозможно выбрать элемент, используя результат селектора из Chrome - PullRequest
Новая
       73

Невозможно выбрать элемент, используя результат селектора из Chrome

0 голосов
/ 09 мая 2020

Я пытаюсь выбрать элемент с 'Selector name', а затем удалить его.

Но я не могу выбрать элемент:

Chrome дайте мне Selector:

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>

1 Ответ

0 голосов
/ 09 мая 2020

Ответ был: спасибо @ Quentin : 

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

ChromeSelector[0].remove();
...