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>';
}

Answer 1

请使用:

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

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