jquery - jQuery 更改 iFrame 内容中的子元素

Question

我有一个 iFrame，它显示了一个保存为 html（相同域）的 Excel 文件。我这样称呼它：

<iframe id="nieuws" src="nieuws.htm" seamless ></iframe>

我想在 Excel.html 中显示与我所有其他人相同的超链接。Excel 中的所有链接都使用 A 标记中的 SPAN 标记进行格式化。像这样：

<a href="http://[HYPERLINK]">
<span style='font-size:12.0pt'>[TEXT HERE]</span>
</a> 

所以我这样做：

$('#nieuws').contents().find('a > span').css('font-size', '10pt');

但它不起作用。有人知道为什么吗？

Answer 1

页面上的每个 iframe 都有自己的 DOM，即 iframe 标签是当前页面的一部分，而不是其内容（因为它的内容是另一个文档）。

我在这里回答了这类问题。您可以根据您的要求重构代码https://stackoverflow.com/a/19423398/1642219

编辑

<iframe id="nieuws" src="nieuws.htm" onload=load()></iframe>

function load()
{
  var frm=document.getElementById('nieuws')

  var frmdoc=frm.contentDocument || frm.contentWindow.document;

  $(frmdoc).find('a span').css('font-size', '10pt')
}

Answer 2

$(document.getElementById('iframename').contentWindow.document.body).find('font').attr("face", "Tahoma")