突出显示 iframe 中的文本

Question

我目前正在开发一个小型网站（使用 HTML、Javascript 和 PHP），并且我有一个页面，我在其中构建了一个 iframe。 现在我想在 iframe 中突出显示给定的文本（无论是硬编码的，尽管是使用文本框给出的），每次页面加载时（因此使用 onload=""）。

我已经在 Google 上搜索了大约一个小时，但没有找到有用的东西。 有谁知道如何解决这个问题？

提前致谢！！

问候

Answer 1

很遗憾，您无法在 iframe 中修改外部页面的内容，因为它不属于您。

如果您使用 jQuery 并尝试更改 iframe 中元素的背景颜色

$('#myIframe').contents().find('#element').css('background-color', 'red');

你会得到一个 JS 错误。

您必须找到解决方法；一种是在 iframe 中包含一个读取和输出外部页面的服务器端页面。

Answer 2

我假设您希望使用 JavaScript 实现突出显示。要使用 JS 操作 iFrame 的内容，您需要在 JavaScript 中动态加载 iFrame，然后可以用它做您喜欢的事情。