首頁  >  文章  >  web前端  >  JavaScript sup方法入門實例(把字串顯示為上標)_基礎知識

JavaScript sup方法入門實例(把字串顯示為上標)_基礎知識

WBOY
WBOY原創
2016-05-16 16:33:242094瀏覽

sup 方法傳回使用 HTML sup 標籤屬性定義的上標字串。其文法如下:

複製程式碼 程式碼如下:

str_object.sup()

提示:此方法不符合 ECMA 標準,不建議使用。

sup 方法實例:

複製程式碼 程式碼如下:


運行該例子,輸出:

複製程式碼 程式碼如下:

腳本之家每一點進步,都是我們通往成功道路上的堅實腳印

提示:此方法傳回使用 HTML sup 標籤定義的上標字串,即使用該方法並不能直接將字串變更為上標樣式。如果想要動態改變元素字體為上標樣式,可參考下面的實例:

改變字型文字上下對齊方式(上標/下標)

複製程式碼 程式碼如下:

function changFont( x ){
    document.getElementById("sub_title").style.verticalAlign = x;
}



下標樣式 上標樣式



腳本之家每一點進步,都是我們通往成功道路上的堅實腳印




在這個範例中,透過 JavaScript 控製文字 CSS vertical-align 樣式的方式,來動態改變字型文字的上下對齊方式(上標/下標)。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn