verticalAlign sub / sup not Working

Question

我有两个按钮，一个将verticalAlign属性设置为sub，另一个设置为sub，但都将其设置为sub。 以下是两者的代码：

上标

document.getElementById("hidden").innerHTML=document.getElementById("text").value;
document.getElementById("hidden").style.verticalAlign="super";
document.getElementById("hidden").style.fontSize="75%";

下标

document.getElementById("hidden").innerHTML=document.getElementById("text").value;
document.getElementById("hidden").style.verticalAlign="sub";
document.getElementById("hidden").style.fontSize="75%";

Answer 1

您是否在浏览器的Developer Tool中控制了css？ 样式是否显示在那里？

否则我推荐这种方法：

document.getElementById("hidden").css("vertical-align","super");
document.getElementById("hidden").css("font-size","75%);

和

document.getElementById("hidden").css("vertical-align","sub");
document.getElementById("hidden").css("font-size","75%);