javascript - 如何在 Shadow DOM 中覆盖 CSS 样式？

Question

display:block;这段代码在我的网站中注入 div，我想把display:none;. 如何覆盖样式？

  var template = document.getElementById("MDow-1");
  var div = document.createElement("div");
  div.setAttribute("style", "display: block !important; clear: both !important".replace(/\s/g, " ".repeat(parseInt(Math.random() * 29 + 1))));
  var shadow = div.attachShadow({mode: "closed"});
  shadow.innerHTML = template.innerHTML;
  document.body.appendChild(div);

此 CSS 样式不起作用。

.SelectorName { 
display: none; 
}

标签： javascriptcss

Answer 1

我不确定我是否在关注您的问题，以更改您可以使用的 div 的显示

div.style.display = "none"