首页 / JAVASCRIPT / JavaScript window.find绝对无法正常工作

JavaScript window.find绝对无法正常工作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript window.find绝对无法正常工作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1410字，纯文字阅读大概需要3分钟。

内容图文

当我尝试传递散布在几个块元素中的文本时,window.find方法剂量工作：

HTML：

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
</head>
<body>
  <p>search me</p><b> I could be the answer</b>
</body>
</html>

JavaScript的：

window.find("meI could be");

要么：

str = "me";
str+= "\n";
str+="I could be t";

window.find(str);

当< p>搜索词之间存在元素.

我该如何解决？

解决方法:

作为选项：

function containsStr(str) {
    return document.body.innerText.indexOf(str) > -1;
}

刚刚测试过,它的工作方式与window.find相同.或window.find与此功能相同.
无论如何,这取决于元素的style.display属性.
例如.当我设定

p {
    display: inline;
}

对于您的HTML示例,此调用window.find(“ me I may be”)返回true.

我创建了this example以测试提到的行为.
作为选项,您可以在内存中创建一个div元素,获取document.body.innerHTML并将检索到的值设置为div的innerHTML,然后将该div中的元素的style.dysplay更改为“ inline”,这与我在代码示例中所做的类似,并且然后执行搜索.

更新#1：jQuery

我进行了更深入的研究,发现jQuery：contains选择器的使用比我以前的函数和window.find更好,但是可能更昂贵(不确定,需要测试).

function containsStr$(str) {
    return $('body:contains("'+str+'")').length > 0;
}

更新2：纯JavaScript解决方案

function _find(str) {
    var div = document.createElement('div');
    div.innerHTML = document.body.innerHTML;
    var elements = div.getElementsByTagName('*');
    for(var i = elements.length; 0 > i--;) {
        elements[i].style.display = 'inline';
    }
    return (div.innerText || div.textContent).indexOf(str) > -1;
}

内容总结

以上是互联网集市为您收集整理的JavaScript window.find绝对无法正常工作全部内容，希望文章能够帮你解决JavaScript window.find绝对无法正常工作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/691630.html

来源：【匿名】