Я работаю на сайте Drupal 8 и использую модуль twitter (twitter_api_block). Я хочу стилизовать некоторые элементы, такие как ( .Tweet-header | .TweetAuthor-avatar | .TweetAuthor | .CallToAction | .TweetInfo и .Tweet-body ).
У меня много проблем. Я протестировал стиль пользовательской тени root в пользовательском файле, и это работает, но когда я применяю стиль в виджете Twitter, скрипт работает в консоли, но скрипт в файле не обнаруживается или не применяется.
Это мои коды тестовых скриптов:
var shadowR = document.querySelector(".twitter-tweet");
shadowR.shadowRoot.querySelector('style').innerHTML += `
.Tweet-header {
display : none!important;
}
`;
, а также этот код:
var shadowR = document.querySelector(".twitter-tweet");
//shadowR.shadowRoot.querySelector('.Tweet-header').style.cssText= 'display : none!important; ';
var root = shadowR.shadowRoot;
root.querySelector('.Tweet-header').style.cssText= 'display : none!important; ';
В этом коде консоль выводит сообщение: (Uncaught TypeError: Не удается прочитать свойство 'querySelector', равное нулю)