Question

我想在列中使用JavaScript或JQuery插入一个锚标记例如，更改第一列值'A'是使用JavaScript或JQuery的链接

<table>   
  <tr>
    <th>FirstName</th>
    <th>LastName</th>            
  </tr>
  <tr>
    <td>A</td>
    <td>B</td>            
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>            
  </tr>    
</table>

我尝试使用此代码但无法正常工作

var cell = document.createElement("a");
innercell .setAttribute("href","#");                     
document.getElementsByTagName("table")[0].rows[1].cells[0].appendChild(innercell );

Answer 1

通常使用锚是简单的，由于最终结果没有被很好地描述，所以提前。

要锚定到

的位置

<a id="ANCHOR_NAME">Some Random Thing</a>

您希望锚点的链接只是类型

<a href="#ANCHOR_NAME">Visit the Anchor</a>

您可以使用href="page.html#anchor"链接到另一个页面上的锚点。

Answer 2

将其添加到window.onload事件

var td = document.getElementsByTagName("td")[0]; //change the index in actual page
var a = document.createElement("a");
a.setAttribute('href',"link.html"); // replace "link.html" with your own link
a.innerHTML = "link text";
td.appendChild(a);

Answer 3

我想在列中使用JavaScript或JQuery插入一个锚标记例如，更改第一列值'A'是使用JavaScript或JQuery的链接

<table>   
  <tr>
    <th>FirstName</th>
    <th>LastName</th>            
  </tr>
  <tr>
    <td id="first">A</td>
    <td>B</td>            
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>            
  </tr>    
</table>

jQuery示例：

$("#first").text('<a href="http://www.google.com">Google</a>');

编辑：因为您不想使用Id，

$("td").first().text('<a href="http://www.google.com">Google</a>');

如何在html表列中包含标记？

3 个答案: