Javascript 如何向按钮添加上标文本

Javascript 如何向按钮添加上标文本,javascript,html,css,Javascript,Html,Css,我有一个类似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.v

我有一个类似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>;
}
var showSuper=function(){
var btn=document.getElementById('button');
var spanSuper=“3”;
btn.value=“你点击了我”+spanSuper;
//btn.value=“你点击了我”+a;
}
使用上述功能,按钮值将替换为您单击我3的


我还尝试了评论声明,但也没有成功。如何向按钮添加上标文本?

您不需要脚本即可完成此操作。用这个代替

<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;
}
var showSuper=function(){
var btn=document.getElementById('button');
var spanSuper=“3”;
btn.innerHTML=“你点击了我”+spanSuper;
}

检查

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

HTML

点击我
JS

功能showSuper(btn){
btn.innerHTML=“你点击了我”+“3”;
}   

您可以像这样使用Unicode文本:
,或者您可以这样做
1
,然后复制一个或多个字符,即`value=“imk”

你可以做些什么来获得它们:

搜索Alt(unicode)上标(字母或数字) 你应该找到这样的东西 fn alt(笔记本电脑)或alt(numlock on)1223并同时释放所有

我不确定你到底在问什么。从您的问题来看,代码似乎运行良好。您的原始按钮文本被保留,数字3被添加为超级文本,您希望得到什么结果?Startx,感谢您的回复。但是我需要动态地添加它。只需单击即可。@Sajja,我的名字是Starx,不是Startx:P。请等待您的更新answer@Starx,很抱歉拼错了。将输入更改为button,将.value更改为.innerHTML解决了我的问题。有没有办法格式化input type=“button”的值。@Sajja,你不必为一件愚蠢的事情感到抱歉。说到这里,
value
input
元素的属性,因此无法在属性值中添加
内部html标记。
<button onclick="showSuper(this);">Click Me</button>
function showSuper(btn){

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

}