Javascript 如何在已经有图标的“滚动到顶部”按钮中添加文本

Javascript 如何在已经有图标的“滚动到顶部”按钮中添加文本,javascript,jquery,html,scrolltop,Javascript,Jquery,Html,Scrolltop,我对这个领域完全陌生,所以请帮帮我 我几乎什么都试过了,但似乎什么都没用。实际上,我想在我的scroll to top按钮中添加一些文本,该按钮已经制作完成,工作正常,并且有一个图标。但我想添加一些带有该图标的文本。这就是我想做的 以下是我在js文件中的代码: // Append Button $("body").append($("<a />") .addClass("scroll-to-top") .attr({

我对这个领域完全陌生,所以请帮帮我

我几乎什么都试过了,但似乎什么都没用。实际上,我想在我的scroll to top按钮中添加一些文本,该按钮已经制作完成,工作正常,并且有一个图标。但我想添加一些带有该图标的文本。这就是我想做的

以下是我在js文件中的代码:

// Append Button
$("body").append($("<a />")
        .addClass("scroll-to-top")

            .attr({
                "href": "#",
                "id": "scrollToTop"
                            })
        .append(
            $("<i />")
            .addClass("icon icon-chevron-up icon-white")
    ));
我应该在哪里添加文本,或者在上面的代码文件中,或者在我页面的代码中

任何形式的帮助都将不胜感激

提前感谢。

尝试以下内容

$("body").append($("<a />")
    .addClass("scroll-to-top")

        .attr({
            "href": "#",
            "id": "scrollToTop"
                        })
    .append(
        $("<i>Scroll</i>")
        .addClass("icon icon-chevron-up icon-white")
));
试试这个

$document.readyfunction{ $window.scroll函数{ 如果$this.scrollTop>100{ $'.scrollup'.fadeIn; }否则{ $'.scrollup'.fadeOut; } }; $'.scrollup'.clickfunction{ $html,body.animate{ 滚动顶部:0 }, 600; 返回false; }; }; /*此处使用的CSS将在bootstrap.CSS之后应用*/ .向上滚动{ 宽度:250px; 高度:40px; 位置:固定; 底部:10px; 右:10px; 显示:块; 文本对齐:居中; 垂直对齐:中间对齐; 背景色:6BAFBD; 边框:1px实心6BAFBD; 边界半径:10px; 颜色:fff; } .向上滚动,中间{ 利润率:12像素; } .向上滚动:悬停{ 背景色:BD8D6B; 边框:1px实心BD8D6B; 颜色:000; }
请同时发布HTML代码或共享fiddle。这似乎有些过分。您可以直接在html中创建锚定标记,而无需使用javascript。不回答问题我尝试了上述代码,它显示了文本,但不是单行。它对我有效,谢谢。我刚刚编辑了按钮的宽度,现在文本在一行中。还有一个问题,我可以复制代码来制作另一个这样的按钮吗。一个带有文本,一个带有图标?是的,你可以,但正如Andrei P.在对你的问题的评论中提到的,是否真的需要使用javascript创建这些。您可以在HTML中添加这些内容。