使用jquery突出显示iframe中的文本
使用jquery突出显示iframe中的文本
提问于 2012-11-08 11:48:14
我尝试使用jquery.highlight-4.js突出显示页面中的文本。
$('body').highlight('t');我的网页包含一个iframe，它的来源在同一个域。
它不适用于iframe中的文本( iframe和我的网页在同一个域名上)。
请帮帮我。
回答 3
Stack Overflow用户
发布于 2018-10-13 16:59:25
$(iframeID).contents().find('body').highlight(keyword);
或
var iframes = document.getElementsByTagName("iframe"); $(iframes[0].contentWindow.document.body).highlight(keyword);
和不要忘记将.highlight { background-color: yellow }添加到iframe中的子页面样式中。
Stack Overflow用户
发布于 2012-11-08 11:51:37
我认为你应该先得到iframe，比如$("#frameID")，然后你就可以操作其中的东西了……
Stack Overflow用户
发布于 2012-11-08 12:10:32
您的代码高亮显示了整个body，但是大多数浏览器并不认为iFrame中的内容与当前文档在同一个body中。
简而言之，$(‘’)包括页面中的所有内容，但不包括 iFrame中的内容(由于iFrame的笨拙特性)。
通过使用jQuery显式选择内容来突出显示内容。
我倾向于不惜一切代价避免使用iFrame。jQuery在实时操作超文本标记语言内容方面非常强大，我从未被迫使用iFrame。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13282108
复制相关文章
相似问题
腾讯云开发者
