怎么用javascript做动态超链接

1、创建超链接节点

var a=document.createElement("a")

2、为节点赋值href属性

a.href="网址"

3、设置超链接页面显示的内容

a.innerText="我是超链接"+i

4、把节点添加到页面上

document.body.appendChild(a)

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

添加新link可行，但是在源代码里可见就不行了。因为页面加载完毕. html就不会变化了 不管用js怎么改源代码不会变。要想修改只能通过后端程序改。

添加新link就用楼上的head.appendChild()。

---