怎么通过JS添加A标签

JavaScript010

怎么通过JS添加A标签,第1张

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

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

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

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

需要用document.createElement创建出来a标签。

<body>

<div style="width:100px height:100px border:1px solid #ccc">    

</div>

</body>

<script>

var oDiv = document.getElementsByTagName('div')[0]

var oA = document.createElement('a')   //创建a标签

oA.href = '#'    //增加a标签的href属性

oA.innerHTML = '11111111'   //给a标签添加内容

oDiv.appendChild(oA)  //将a标签添加到div里面

</script>

</html>

首先获取到numlist标签下a标签的href,然后赋值给类名为pull-left的a标签。

var numlist = document.getElementsByClassName("numList")[0]

var list = numlist.getElementsByTagName("li")[0]

var aObj = list.getElementsByTagName("a")[0]

var text = aObj.getAttribute("href")

var pull = document.getElementsByClassName("pull-left")[0]

pull.setAttribute("href", text)

大概是这样,如果有问题我可以测试一下。