使用javascript / Jquery突出显示iframe中的单词或句子
我想改变iframe标签中单词的背景颜色。 我能够搜索这个单词，但却无法获得如何更改颜色。 这是我的代码。
$(document).ready(function () { $('#content').contents().find('head').append($(" .red{color:red;}")); var cont = document.getElementById('content').contentWindow.document.body.innerHTML; if($("#content").contents().text().search("SEARCH WORD")!=-1){ console.log("Found"); // SEARCH WORD } })
如上所述，如果没有正确的CORS标题， CORS将不允许您更改来自其他您未控制的域的iFrame。
如果您在同一个域中，则可以执行以下操作：查找单词，更改单词，然后使用新代码替换iframe的内容。 这是一个工作小提琴和代码例如：
请不要忘记跨域策略，否则它将无法正常工作。 并检查此搜索单词并使用jquery突出显示