javascript - 如何将带有上标的文本添加到按钮

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