怎么通过JS添加A标签

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

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

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

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

根据不同情况，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、效果演示

---