时间戳

首页 > 解决方案 > 使用 javascript 在现有锚标记中添加跨度标记

javascript - 使用 javascript 在现有锚标记中添加跨度标记

问题描述

我想<span class="vantage-icon-arrow-up"></span>在锚内添加这个标签而不添加 callFunctions 或 eventFunctions

当前的html是：

<a href="#" id="scroll-to-top" 
  class="scroll-to-top displayed showbutton" title="Back To Top"></a>`

标签： javascripthtml

解决方案

在 jquery 中，您可以使用如下.append()函数：

$('#scroll-to-top').append('<span class="vantage-icon-arrow-up">i put this text here to show that it works</span>');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" id="scroll-to-top" class="scroll-to-top displayed showbutton" title="Back To Top"></a>

在这里阅读更多信息：https ://api.jquery.com/append/

如果是纯 javascript，它将是这样的：

var anchor = document.getElementById('scroll-to-top');
anchor.innerHTML = '<span class="vantage-icon-arrow-up">i put this text here to show that it works</span>';
<a href="#" id="scroll-to-top" class="scroll-to-top displayed showbutton" title="Back To Top"></a>

在此处阅读有关 innerHTML 的更多信息：https ://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML

推荐阅读