使用javascript将href文本分成多行

时间:2016-03-26 23:09:03

标签: javascript html

我想将存储在变量“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标签,但没有用。有什么建议?谢谢!

2 个答案:

答案 0 :(得分:2)

只需简单地放置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);

答案 1 :(得分:1)

Igors-MacBook-Air:Debug igorkorot$ pwd /Users/igorkorot/dbhandler/dbhandler/Build/Products/Debug Igors-MacBook-Air:Debug igorkorot$ ls -la total 384 drwxr-xr-x 3 igorkorot staff 102 Mar 26 18:37 . drwxr-xr-x@ 3 igorkorot staff 102 Mar 26 18:36 .. -rw-r--r-- 1 igorkorot staff 193528 Mar 26 18:37 libdbinterface.a 正如它所说的那样。像createTextNode这样的Html代码在这里不起作用。

为每一行附加textNodes并在

之间创建<br>个元素

或只是使用<br>;