javascript - 使用 javascript 将表格单元格中的文本转换为 url

Question

我有一些表格，如果表格单元格中的内容以 http 开头，我会尝试将它们设为 url。我试过的代码如下。问题是：它正在成为一个超链接而不是 url。（例如：如果表格单元格内容是https://www.google.com的文本，它正在成为的最终链接是 "https://myapplicationlink/www.google.com"。我不知道找出原因。请帮忙。

 var tables=document.getElementsByTagName("TABLE");
 for (x=0;x<tables.length;x++)
{
 var rows=tables[x].getElementsByTagName('TR');
 for (i=0; i<rows.length; i++) 
  {
    var cells=rows[i].getElementsByTagName('td');
    for (z=0;z<cells.length;z++)
    {


 //code for styling etc which i removed

 var hyp;var c;
      c=cells[z].innerHTML;
     if (c.indexOf("http") >= 0) {
         hyp="<a href=" + cells[z].innerHTML  +"</a>";
      c=hyp;
   cells[z].innerHTML = c;

}


 }


  }
 }

Answer 1

不知道为什么你会得到你所描述的错误，但你没有在你的代码中关闭你的 href 标记......

hyp="<a href=" + cells[z].innerHTML  +"</a>";

应该

hyp="<a href=\"" + cells[z].innerHTML  +"\">some text here</a>";

此外，您可以像这样将单元格转换为可点击，而不是将 href 绘制到单元格中

 var hyp;var c;
  c=cells[z].innerHTML;
 if (c.indexOf("http") >= 0)          
   cells[z].onclick = (function(url){self.location.href = url})(c);

Answer 2

好吧，您正在为一个插入无效的 HTML。这一行：

hyp="<a href=" + cells[z].innerHTML  +"</a>";

实际上应该是：

hyp='<a href="' + cells[z].innerHTML  + '">' + cells[z].innerHTML + '</a>';