javascript - 使用 javascript 在 html 表中创建链接

Question

我正在使用以下代码将列动态添加到 html 表中:

var tblHeadObj = window.opener.document.getElementById("maintable").tHead;
var j=0;
while(j < fname.length)
{ 
  if(tblHeadObj != null) 
  {
    for(var h = 0; h < tblHeadObj.rows.length; h++) 
    {
      var newTH = window.opener.document.createElement('th');

      tblHeadObj.rows[h].appendChild(newTH);
      //newTH.innerHTML='[th]row:'+h+'cell:'+(tblHeadObj.rows[h].cells.length-1)
    }
  }
  var tblBodyObj = window.opener.document.getElementById("maintable").tBodies[0];
  //for(var i = 0; i < tblBodyObj.rows.length; i++) {
  var newCell=tblBodyObj.rows[0].insertCell(-1);
  var newCell=tblBodyObj.rows[0].insertCell(-1);
  // newCell.innerHTML = (tblBodyObj.rows[0].cells.length - 1)
  newCell.innerHTML=  fname[j];
  j++;
}

现在我想将列设为链接。我该怎么做？

谢谢

Answer 1

正如其他人所指出的，“将列作为链接​​”是什么意思还不清楚。然而，作为一个社区，我们已经习惯于对真正的问题进行猜测，并根据该假设提供解决方案。随着我们获得解决越来越多不清楚的问题的经验，我们的 ESP 技能也变得更加磨练。

看来您正在通过 DOM 方法创建 HTML 表格。我假设您想在创建的表格单元格中创建一个链接，这是我的建议:

使用相同的 createElement 方法创建您需要的任何元素。例如，可以使用以下代码创建链接( anchor ):

var link = document.createElement("a");
link.setAttribute("href", "http://www.microsoft.com")
link.className = "someCSSclass";
// For IE only, you can simply set the innerText of the node.
// The below code, however, should work on all browsers.
var linkText = document.createTextNode("Click me");
link.appendChild(linkText);

// Add the link to the previously created TableCell.
newCell.appendChild(link);

或者，您也可以按照@Anonymous 的建议设置 TableCell 的 innerHTML。