javascript - 使用javascript插入跨度环绕链接文本

Question

我想用<span>标签包围链接的文本部分。以便;

<a class="button" href="#">Text</a>

变成

<a class="button" href="#"><span>Text</span></a>

我想只使用 JavaScript 来实现这一点，但是，我愿意接受建议。

在此先感谢您的帮助

标签： javascript

Answer 1

这将完全按照您的要求进行。

这将为button您的文档中所有具有类的元素完成工作

<a class="button" href="#">Text</a>
<script>
document.getElementByClassName("button").innerHTML='<span>'+document.getElementById("link1").innerHTML+'</span>';
</script>

如果您想对某个按钮执行此操作，这将很好用。

<a id="link" class="button" href="#">Text</a>
<script>
document.getElementById("link").innerHTML='<span>'+document.getElementById("link1").innerHTML+'</span>';
</script>