css - 使用 javascript 编辑 iframe 中元素的 css

Question

我在页面上有一个 iframe，需要编辑其中元素的 css - 例如颜色、背景图像等。我有以下 js，但我收到控制台错误“TypeError：doc is undefined”。任何人都可以帮忙吗？

window.onload = function() {
   let frameElement = document.getElementsByTagName("iframe");
   let doc = frameElement.contentDocument;
   doc.body.innerHTML = doc.body.innerHTML + '<style>.start-screen-search__sub-title:after {content: \' online below, or call: XXX\'; font-size: 22px;}</style>';
}

标签： css

Answer 1

请用 ：

 let frameElement = document.getElementsByTagName("iframe")[0];

getElementsByTagName 返回一个 NodeList 对象，表示具有指定标签名称的元素集合。如果你想访问一个元素，你必须提供索引。