怎么通过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';