js中如何动态给一个表格中的某一个单元格添加一个超链接作为单元格内容？

发布网友 发布时间：2022-05-14 04:31

我来回答

共4个回答

热心网友 时间：2024-02-24 01:18

思路：获取行对象→获取列对象→使用innerHTML为单元格添加超链接内容，实例演示如下：

1、HTML结构

<table id = "test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
第<input type="text" id="row">行第<input type="text" id="col">列<input type='button' value='确定' onclick="fun()"/>

2、javascript代码

function fun(){
row = document.getElementById("row").value - 1;
col = document.getElementById("col").value - 1;
tr = document.getElementById("test").getElementsByTagName("tr");
td = tr[row].getElementsByTagName("td")[col];
td.innerHTML = "<a href='#'>超链接</a>";
}

3、效果演示

热心网友 时间：2024-02-24 01:19

jquery:
td = $(............ 获取到td

添加:
$("<a href=................>超链</a>").appendTo(td);
覆盖
td.html("<a href=................>超链</a>");追问不好意思，jquery没学过，看不懂哎···

热心网友 时间：2024-02-24 01:19

var tr = document.createElement('tr');
var td = document.createElement('td');
var a = document.createElement('a');
a.href="";
a.onclick=function(){
};
td.appendChild(a);
tr.appendChild(td);

热心网友 时间：2024-02-24 01:20

你用的什么添加的？
innerHtml吗，比如：innerHtml('<a href="">link</a>');