Question

我想用strcpy标签包围链接的文本部分。这样；

<span>

成为

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

我只想使用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>

Answer 2

我看到有一个答案。我觉得这更容易理解：

let anchor = document.querySelector(".button");
let html = anchor.innerHTML;

anchor.innerHTML = "<span>" + html + "</span>";

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

Answer 3

您可以尝试以下操作：

var el = document.querySelector('.button')
el.innerHTML = '<span>' + el.textContent + '</span>'

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

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

3 个答案: