Question

我有一些表格，我试图将表格单元格中的内容设为URL，如果它们以http开头。我试过的代码如下。问题是：它正在变成一个超链接而不是网址。（例如：如果表格单元格内容是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>';

使用javascript将表格单元格中的文本设置为网址

2 个答案: