Uncaught TypeError: Невозможно прочитать свойство 'appendChild' со значением null (анонимно). Как изменить CSS свойство Shadow Root (открыто)?

Question

Тень Root (открыто)

Я хочу изменить z-index значение этой тени Root.

host = document.getElementById("shadow-root");
var style = document.createElement( 'style' )
 style.innerHTML = '.rssapp { z-index: -1; }'
 host.shadowRoot.appendChild( style )
// var sheet = new CSSStyleSheet
// sheet.replaceSync( `.rssapp { z-index: -1 }`)
// host.shadowRoot.adoptedStyleSheets = [ sheet ] 

Я пробовал приведенный выше фрагмент кода, как с комментариями, так и без комментариев, но оба раза он показывает Uncaught TypeError: Не удается прочитать свойство 'shadow Root' из null в скрипте. js: 35 (анонимный) или Uncaught TypeError: Невозможно прочитать свойство 'shadow Root' из null в скрипте. js: 38 (анонимный) ) соответственно

Редактировать: Я также пытался с идентификатором XQqyAJD0d17SWeNW .

Answer 1

Можете ли вы просто добавить стиль к выбранному элементу? используя Jquery возможно:

$('#shadow-root .rssapp').attr('style', 'z-index:-1');

или, может быть, что-то вроде этого:

$('.rssapp').attr('style', 'z-index:-1');

Пожалуйста, скажите мне, если это работает.