<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>test</title>
</head>
<body>
<div>
<table>
<tr id="t1">
<td>
111
</td>
</tr>
<tr id="t3">
<td>
333
</td>
</tr>
</table>
</div>
</body>
</html>
<script type="text/javascript">
var tbl = document.getElementsByTagName('table')[0]
var cellText = tbl.rows[1].cells[0].innerHTML
tbl.rows[1].cells[0].innerHTML = ''
var aobj = document.createElement('a')
aobj.setAttribute('href', 'http://blog.csdn.net/avon520')
aobj.setAttribute('target', '_blank')
aobj.appendChild(document.createTextNode(cellText))
tbl.rows[1].cells[0].appendChild(aobj)
</script>
------------------------------------
使用id和js
1、表格内可以加入超级链接，使用a标签就可以。方法是首先新建一个html文件，在html文件中写入一个简单的表格，在表格的第二行第二列用a标签加入一个链接：
2、然后在上方设置一下css的样式，美化一下表格，这里给html一个背景色，然后给table设置了边框和背景色，至此代码就完成了：
3、最后打开浏览器，可以看到刚才建立的表格样式，点击里面的链接：
4、此时浏览器就会跳转到刚刚设置好的链接了。以上就是html编写的表格内添加超级链接的方法介绍：
要使用css 来实现现在的效果<table>
<tr>
<td><a href="#">1111111</a></td>
<td class="b">2222222</td>
</tr>
</table>
<style type="text/css">
td {border:1px solid red}
a {
display:block/* 把行内元素 变成 块级元素 */
width:200px/* 盒子 宽度 */
height:200px/* 盒子 高度 */
}
</style>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）