Question

我正在尝试将HTML链接插入到包含多个字符串的变量数组中，但我在其他帖子中看到的建议对我没用。

因此，我在<script>标记内定义了一个包含4个文本字符串的变量：

<script>
var btnTxt = ["blah blah blah", "blah-blah-blah", "blah blah", "blah"];
</script>

当有人点击4个图像按钮之一时，当前可见的文本将切换为新文本。例如，如果文本“blah blah”正在显示＆amp;你点击按钮4，你现在看到“等等”。

我想要的是，比如说，“等等等等”，把中间的“等等”变成一个链接。所以，基本上是"blah <a href=http://example.com>blah</a> blah"。我遵循编码建议，如＆amp; lt;或者＆lt;但我得到的最好的是在文本中看到“a”标签，而没有看到链接。

我觉得我错过了一些简单的事情。任何建议都表示赞赏。

Answer 1

我认为这是你要做的事情？我希望这会有所帮助：）

     <script>
        var btnTxt=["<a href=http://www.blah.com>blah</a>","<a href=http://www.blah.com>blah</a>","<a href=http://www.blah.com>blah</a>"];

        btn4.addEventListener('click',function(){
        //assuming you already have div
        div.innerHTML="blah blah"+btnTxt[1];
        }
        </script>

        //another option
        <style>
        a{text-decoration:none}
        a:hover{text-decoration:none}
        <style>
        <p>blah, blah, <a id="blah" href="#">blah</a></p>
        <script>
        btn4.addEventListener('click',function(){
        //assuming you already have id blah
        blah.attribute="http://www.blah.com";
        blah.style.color='orange';//if you want css to define the link once it becomes available. 

        });
        </script>

如何在JavaScript数组中插入HTML标记？

1 个答案: