使用javascript将href文本分成多行

Question

我想将存储在变量“output”中的超链接文本分成多行。 我目前有这个：

var output = "";
output = output.concat("line 1");
output = output.concat("<br />");
output = output.concat("line 2");
output = output.concat("<br />");
var a = document.createElement('a');
var linkText = document.createTextNode(output);
a.appendChild(linkText);
a.title = output;
a.href = "http://www.google.com";

不幸的是，出现了break标记的文本，并且这些行实际上并未中断。 我也试过“\\ n”而不是break标签，但没有用。 有什么建议？ 谢谢！

Answer 1

只需简单地a.innerHTML = output而不是

var linkText = document.createTextNode(output);
a.appendChild(linkText);

更正版本：

 var output = ""; output = output.concat("line 1"); output = output.concat("<br />"); output = output.concat("line 2"); output = output.concat("<br />"); var a = document.createElement('a'); a.innerHTML = output; a.title = output; a.href = "http://www.google.com"; document.body.appendChild(a); 

Answer 2

那么createTextNode正如它所说的那样。 像<br>这样的Html代码在这里不起作用。

为每一行追加textNodes并在其间创建<br>元素

或者只是使用a.innerHTML = output ;