sup 方法返回使用HTML sup 標籤屬性定義的上標字符串。其語法如下:
複製代碼代碼如下:
str_object.sup()
提示:該方法不符合ECMA 標準,不建議使用。
sup 方法實例:
複製代碼代碼如下:
<script language="JavaScript">
document.write( '武林網' + '每一點進步,都是我們通往成功道路上的堅實腳印'.sup() );
</script>
運行該例子,輸出:
複製代碼代碼如下:
武林網每一點進步,都是我們通往成功道路上的堅實腳印
提示:該方法返回使用HTML sup 標籤定義的上標字符串,即使用該方法並不能直接將字符串變更為上標樣式。如果想動態改變元素字體為上標樣式,可參考下面的實例:
改變字體文本上下對齊方式(上標/下標)
複製代碼代碼如下:
<html>
<script language="JavaScript">
function changFont( x ){
document.getElementById("sub_title").style.verticalAlign = x;
}
</script>
<body>
<p>
<a onClick="changFont('sub');">下標樣式</a> <a onClick="changFont('super');">上標樣式</a>
</p>
<p>
武林網<span id="sub_title">每一點進步,都是我們通往成功道路上的堅實腳印</span>
</p>
</body>
</html>
在該例子中,通過JavaScript 控製文本CSS vertical-align 樣式的方式,來動態改變字體文本的上下對齊方式(上標/下標)。