Question

怎么通过JS添加A标签

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：$('body').append('<a href="">添加的a标签</a>');。

3、浏览器运行index.html页面，此时会发现js成功添加了a标签再html上。

Answer 2

根据不同情况，javascript有两种方法可以添加a标签：

• 使用innerHTML将某个元素的内容填充为a标签

• 首先用createElement("a")创建a标签节点，然后用appendChild()追加到一个已存在的元素

下面实例演示用第二种方法——在指定单元格内添加<a>标签：

1、HTML结构

<table id ="test">
	<tr><td>1</td><td>2</td></tr>
	<tr><td>3</td><td>4</td></tr>
</table>
在第<input type="text" id="row" value="1"/>行第<input type="text" id="col" value="1"/>列添加a标签
<input type='button' value='确定' onclick="fun()"/>

2、javascript代码

function fun(){
	var a = document.createElement("a");
	var node = document.createTextNode("link");
	a.appendChild(node);
	a.setAttribute("href","#");
	var row = document.getElementById("row").value-1;
	var col = document.getElementById("col").value-1;
	var table = document.getElementById("test");
	var tr = table.getElementsByTagName("tr")[row];
	var td = tr.getElementsByTagName("td")[col];
	td.appendChild(a);
}

3、效果演示

Answer 3

<script type="text/javascript">
document.write('<a href="">dfdf</a>')
</script>

<script type="text/javascript">
document.getElementsByTagName('div')[0].innerHTML='<a href="">dfdf</a>';
</script>

追问

那个 我想在原本的页面上 指定的里面添加一个链接 谢谢帮忙

追答

要选中那个td
可以给
var oTd1 = document.getElementById('td1');
oTd1.innerHTML='dfdf';