js里如何添加A链接标签_IT百科

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

<body>

</div>

</body>

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>

首先知道超链接样式有4个属性：

a:link 定义正常链接的样式；

a:visited定义已访问过链接的样式；

a:hover 定义鼠标悬浮在链接上时的样式；

a:active 定义鼠标点击链接时的样式。

一般鼠标经过直接使用a:hover设定，

需要通过js来控制的一般是在点击后给超链接添加一个当前样式。

那么可以通过js或者jq给a标签添加一个当前class类，针对类写个当前样式即可。

举例【使用jq添加当前样式类】：

<li><a href="#">About</a></li>

<li><a href="#">Contact</a></li>

</ul>

</div>

jq:

$("#Jmenu li a").click(function(){

$("#Jmenu li a").removeClass("Curcss")//清除a上的curcss类

$(this).addClass("Curcss")//针对当前点击的a添加类

})

Css:

.Curcss{ background:#cccfont-size:16px....}//当前样式

$(this).wrap("<a href='"+a+"' ></a>")

主要就是因为你的这个a被当成了一个字符，而不是一个字符串。

你先写"<a href='"是一个字符串，然后用+拼接字符串，把变量a连接上，再加上后面的字符串"' ></a>"。

这样输出的时候a会被它的内容XXX给替换掉，变成<a href="XXX"></a>。

欢迎分享，转载请注明来源：内存溢出

js里如何添加A链接标签