Невозможно запросить элементы в Chrome Dev Tools Console для модального диалога - PullRequest
Новая
       21

Невозможно запросить элементы в Chrome Dev Tools Console для модального диалога

0 голосов
/ 15 мая 2019

Существует div с именем класса persona_1fc7fc3f , который добавляется в DOM, когда я нажимаю на ссылку, которая открывается во всплывающем / модальном диалоговом окне.

Я заметил, что в консоли инструментов Chrome Dev я не могу запросить его с помощью JavaScript или jQuery.

Например, выполнение document.querySelector('[class="persona"]') в консоли дает мне ноль .

Странно то, что, как только я использую инструмент проверки элементов на элементе, я могу запросить его в консоли, хотя нажатие на элемент в модальном окне не помогает.

Есть идеи, почему это может быть?

Спасибо!

РЕДАКТИРОВАТЬ: Вот скриншот модального диалога и где находится класс:

enter image description here

К сожалению, нацеливание на класс напрямую или с помощью селектора атрибутов, похоже, не работает.

Использование document.querySelector(".persona_1fc7fc3f") или document.querySelector ("[class^='persona']") приводит к:

[enter image description here] [

Я думал о каком-то кешировании Chromeпроблема, но даже на другой машине проблема та же.

РЕДАКТИРОВАТЬ: Вот некоторые из разметки DOM:

enter image description here

1 Ответ

1 голос
/ 15 мая 2019

Попробуйте document.querySelector('.persona')

document.querySelector('[class="persona"]'), чтобы выбрать элементы с одним классом persona

Например: 

console.log(document.querySelector('[class="bright"]'))
console.log(document.querySelector(".bright"))
<div class="bright low"></div>
...