Question

我有一个HTML按钮，如

<input type="button" id="button" onclick="showSuper()" value="Click Me!" />

在JavaScript中，我有

var showSuper = function() {
    var btn = document.getElementById('button');
    var spanSuper = "<sup>3</sup>";
    btn.value="You Clicked Me " +  spanSuper;
    //btn.value = "You Clicked Me " + <sup>a</sup>;
}

使用上述功能，按钮值将替换为You Clicked Me <sup>3</sup>

我还尝试了一些也没有成功的评论声明。如何在按钮上添加上标文本？

Answer 1

您不需要脚本来执行此操作。请改用

<button name="button" id="button" onclick="showSuper()">Click Me!</button>

脚本

var showSuper = function() {
    var btn = document.getElementById('button');
    var spanSuper = "<sup>3</sup>";
    btn.innerHTML= "You Clicked Me " +  spanSuper;
}

检查Demo。的 Updated Demo with your solution

Answer 2

如果要在单击后更改按钮的值。根据Starx建议添加类似的内容。

HTML

<button onclick="showSuper(this);">Click Me</button>

JS

function showSuper(btn){

    btn.innerHTML="You Clicked Me" + "<sup>3</sup>";

}

Answer 3

您可以使用这样的Unicode文本：<input type="button" value="☺" />或者您可以执行此操作<sup>1</sup>然后复制一个或这个¹aka`value =“¹”

你可以做的事情来获得它们：

搜索Alt（unicode）上标（字母或数字）你应该找到像这样的东西 fn alt（laptop）或alt（numlock on）1223并同时释放所有内容

如何将带上标的文本添加到Button

3 个答案: