Question

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

我现在想做一个表格，用js实现动态添加行，但是添加的这行当中的某个单元格内容需要是一个超链接，我不知道该怎么办？希望会的朋友们施以援手，感激不尽！

Answer 1

思路：获取行对象→获取列对象→使用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、效果演示

Answer 2

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

添加:
$("<a href=................>超链</a>").appendTo(td);
覆盖
td.html("<a href=................>超链</a>");

追问

不好意思，jquery没学过，看不懂哎···

Answer 3

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);

Answer 4

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