Question

我正在尝试通过我创建的javascript搜索来运行网站的正文。它工作正常，除了单词之间没有空格;以及此xcase中的事实html图像不会出现/显示。任何解决方案？

因此我需要帮助才能显示图像。然后获取所显示的文本在浏览器上显示空格。

这可以在srctxt变量中找到。这就是我认为问题所在。

请注意，我对Javascript只有相当基本的知识。

<body>
    <script type = "text/javascript">
        var keyword;
        var srctxt;
        var srctxtarray;

        keyword = "archery";
        srctxt = "hellow blah blah blah archery <img src =\"megan_fox.jpg\">hello test archery";

        srctxtarray= srctxt.split(" ");
        for (var i=0;i<srctxtarray.length;i++){
            if(srctxtarray[i] != keyword){
                document.write(srctxtarray[i]);
            }
            else{
                document.write("<b class=\"red\">");
                document.write(srctxtarray[i] );
                document.write("</b>");
            }
        }
    </script>
</body>

Answer 1

请编辑您的问题，并确保您清楚自己要求的是什么。你想让图像显示出来吗？从DOM获取文本是否有问题？你是如何从DOM中获取文本的？

我能看到的最大问题是你正在使用document.write。您应该使用innerHtml来设置DOM文本和元素。

Answer 2

您没有输出空格。你在srctxt.split时删除空格，从不做任何事情来把它们放回去。

Answer 3

您正在将字符串拆分为“”（空格），但不要将空格写回来。

在 document.write（srctxtarray [i]）之后你需要添加

 document.write(" ");

Answer 4

问题是你要删除空格（使用拆分），而在写单词时不要将它们放回去。由于img和src之间的空格已删除，标记显示为<imgsrc，因此不会显示图片。

要放置空格，请使用：

document.write(srctxtarray[i] + " "); // will add spaces

但我强烈建议您使用Nick Berardi建议的

通过Javascript运行HTML

4 个答案: