DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript sub方法入門實例(把字符串顯示為下標)
JavaScript sub方法入門實例(把字符串顯示為下標)
編輯:JavaScript基礎知識     

JavaScript sub 方法

sub 方法返回使用 HTML sub 標簽屬性定義的下標字符串。其語法如下:

復制代碼 代碼如下:
str_object.sub()

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

sub 方法實例

復制代碼 代碼如下:
<script language="JavaScript">
document.write( '' + '每一點進步,都是我們通往成功道路上的堅實腳印'.sub() );
</script>

運行該例子,輸出:

復制代碼 代碼如下:
每一點進步,都是我們通往成功道路上的堅實腳印

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

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

復制代碼 代碼如下:
<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 樣式的方式,來動態改變字體文本的上下對齊方式(上標/下標)。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved