Получить идентификатор пользовательского элемента в javascript
Я создаю скрипт tampermonkey для Google Планета Земля, который будет скрывать панель инструментов при нажатии клавиши. Один из элементов, который предполагается скрыть, выглядит так:
<earth-toolbar id = "toolbar" role = "toolbar">...</earth-toolbar>
Я пытаюсь скрыть это, используя этот код:
document.getElementById('toolbar').style.display = 'none'
Обратите внимание, что это также не работает в консоли.
Однако я получаю эту ошибку.
Uncaught TypeError: Cannot read property 'style' of null at HTMLDocument.eval
Можно ли получить доступ к пользовательскому элементу без изменения кода, который фактически создал его, и если да, то что это такое?
@DupinderSingh Я попробовал, и выдает ту же ошибку. >Обратите внимание, что это также не работает в консоли.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
#toolbar находится внутри #shadow-root, поэтому вы должны получить доступ к свойству .root этого родителя, чтобы найти элементы внутри него:
document.querySelector('earth-app').root.querySelector('#toolbar').style.display = 'none';
Спасибо, что рассказали мне, что такое теневой DOM!
попробуйте отладить, попробуйте запустить document.getElementById('toolbar'), проверьте, что он возвращает, элемент! или не!!