如何在通过函数显示的数组中放置链接

时间:2016-09-03 08:45:58

标签: javascript html arrays hyperlink

好的,所以我有一个文本框,根据您单击的按钮,显示数组中的文本

var Text= new Array();

Text[1]="a"
Text[2]="b"
Text[3]="c"
function Anzeige(x) {
document.getElementById("Text").innerHTML = Text[x];
}
.......
<input type="button" value="x" onclick="Anzeige(1)">
<input type="button" value="y" onclick="Anzeige(2)">
<input type="button" value="z" onclick="Anzeige(3)">
............
<div id="Anzeigefeld">
<div id="Text"></div>
</div>

到目前为止一切都那么好,一切都按计划进行,但现在我想使用像“Text[1]="for more informations look <a style="color:blue;" href="insertlinkhere">here</a>”这样的链接,它就会停止工作(当我点击一个按钮时,就会发生这种情况。

帮忙吗?

4 个答案:

答案 0 :(得分:0)

你需要摆脱&#34;作为\&#34;

Animation

答案 1 :(得分:0)

您需要转义引号,例如<uses-feature android:glEsVersion="0x00020000" android:required="true" /> 或在外面使用单引号\"

&#13;
&#13;
'
&#13;
var text = [
        '<a style="color:blue;" href="http://example.com/">here</a>',
        "<a style=\"color:red;\" href=\"http://example.com/\">here</a>",
        "c"
    ];

function anzeige(x) {
    document.getElementById("text").innerHTML = text[x];
}
&#13;
&#13;
&#13;

答案 2 :(得分:0)

您的报价有问题,您可以通过更改属性的报价来修复它。 JS可以区分引号,您的链接将开始工作。 所以它会     “Text [1] =更多信息请看这里”

答案 3 :(得分:0)

由于HTML元素的属性是双引号,因此将整个字符串放在单引号中可以解决问题。

var Text = new Array();

Text[1] = 'for more informations look <a style="color:blue;" href="insertlinkhere">here</a>'
Text[2] = "b"
Text[3] = "c"

function Anzeige(x) {

  document.getElementById("Text").innerHTML = Text[x];
}
<input type="button" value="x" onclick="javascript:Anzeige(1)">
<input type="button" value="y" onclick="Anzeige(2)">
<input type="button" value="z" onclick="Anzeige(3)">
<div id="Anzeigefeld">
  <div id="Text"></div>
</div>