javascript - 通过 Javascript 运行 HTML

标签 javascript html

我正在尝试通过我创建的 JavaScript 搜索来运行网站的正文。它工作得很好,除了单词之间没有空格;事实上,在这个 xcase 中,图像没有出现/显示。有什么解决办法吗?

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

这一切都可以在 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>

最佳答案

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

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

关于javascript - 通过 Javascript 运行 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/749326/

相关文章:

javascript - 在制作按钮的javascript循环中换行

javascript - 如何从 Ecmascript 6 (ES6) 上的类对象中的事件回调函数访问对象成员

html - CSS:用不同的字体设计数字和文本

jquery - 当 contenteditable 在 firefox 中设置为 true 时,H1 标签与文本一起被复制

html - 顶部导航下划线,用向下箭头分隔

javascript - Vuejs组件无法访问自己的数据

javascript - node.js 如何使用 child_process.exec 显示标准输入

javascript - API 返回 3 条记录 - 主干集合不匹配

javascript - 使用 jquery 更新表行中的总数

javascript - 如何使 div 出现在背景图像上