使用JS如何在title属性上输出数据？

Question

我有如下代码：

<i class="my-class" title="AB">
    ::before
</i>

我想输出标题的值AB

输出看起来像这样：

<span class="my-class">AB</span>

我一直在搜索它，但似乎什么也找不到。如果有人能指出我正确的方向，那就太好了。

谢谢！

Answer 1

您不需要Java脚本，CSS是完成此任务的正确工具。

.my-class::before {
  content: attr(title);
}

<i class="my-class" title="AB"></i>

Answer 2

只需使用getAttribute：

var span = document.createElement("span");
span.innerText = document.querySelector(".my-class").getAttribute("title");