const atags = document.createElement('a')
const imgtags = document.createElement('img')
imgtags.src = imglink.path
atags.href = imglink.path
atags.appendChild(imgtags)
})
思路:获取行对象→获取列对象→使用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、效果演示
1、创建超链接节点
var a=document.createElement("a")2、为节点赋值href属性
a.href="网址"3、设置超链接页面显示的内容
a.innerText="我是超链接"+i4、把节点添加到页面上
document.body.appendChild(a)欢迎分享,转载请注明来源:内存溢出
评论列表(0条)