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

我现在想做一个表格,用js实现动态添加行,但是添加的这行当中的某个单元格内容需要是一个超链接,我不知道该怎么办?希望会的朋友们施以援手,感激不尽!
最新回答
若樱落如烟

2024-04-15 06:13:20

思路:获取行对象→获取列对象→使用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-04-15 13:09:06

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

添加:
$("<a href=................>超链</a>塌亏毁").appendTo(td);
覆盖
td.html("<a href=................>超链<空孙/a>"团备);
追问
不好意思,jquery没学过,看不懂哎···
云起兮衣飞扬

2024-04-15 09:22:37

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-04-15 04:49:47

你用的什么添加的?
innerHtml吗,比如悔毁:吵前没innerHtml('<a href="">link<升纳/a>');