在javascript中获取自定义元素的ID [重复]答案

【问题标题】：Get ID of custom element in javascript [duplicate]在javascript中获取自定义元素的ID [重复]
【发布时间】：2019-09-17 15:59:01
【问题描述】：

我正在为 Google 地球创建一个 Tampermonkey 脚本，当您按下某个键时它会隐藏工具栏。应该隐藏的元素之一如下所示：

<earth-toolbar id="toolbar" role="toolbar">...</earth-toolbar>

我正在尝试使用此代码隐藏它：

document.getElementById('toolbar').style.display = 'none'

请注意，它在控制台中也不起作用。

但是，我得到了这个错误。

未捕获的类型错误：无法读取 null 的属性“样式” 在 HTMLDocument.eval

是否可以在不修改实际创建它的代码的情况下访问自定义元素，如果可以，它是什么？

【问题讨论】：

【解决方案1】：

#toolbar 位于 #shadow-root 内，因此您必须访问该父级的 .root 属性才能找到其中的元素：

document.querySelector('earth-app').root.querySelector('#toolbar').style.display = 'none';

【讨论】：