添加 css 到 iframe javascript 形成 iframe 列表

Question

我正在尝试在加载到网页时操作 iframe（聊天框）。聊天框加载四个 iframe，每个页面加载时 id 都在变化。因为需要操作的iframe是list的最后/第4个，所以我使用了get elements by tagname("iframe")。

但是，最后一个 iframe 没有添加样式：

<script> 
window.onload = function() {
   let myiFrame = document.getElementsByTagName("iframe");
   let doc = myiFrame[3].contentDocument;
   doc.body.innerHTML = doc.body.innerHTML + "<style>iframe{dispay:block !important}</style>";
   
    }</script>

Answer 1

使用

myiFrame[3].style.cssText = "display:block !important"

您的代码将变成

<script> 
window.onload = function() {
   let myiFrame = document.getElementsByTagName("iframe");
   myiFrame[3].style.cssText = "display:block !important";
   }
</script>

示例工作代码：

<!DOCTYPE html>
<html>
<body>

<p id="myP1" style="display: none!important">This is some text.</p>

<input type="button" onclick="demoDisplay()" value="Show">

<script>
function demoDisplay() {
  document.getElementById("myP1").style.cssText = "display:block !important";
}

</script>

</body>
</html>

添加 css 到 iframe javascript 形成 iframe 列表

add css to iframe javascript form list of iframes

javascript

css

iframe