首頁 > web前端 > js教程 > JavaScript bold方法入門實例(把指定文字顯示為粗體)_基礎知識

JavaScript bold方法入門實例(把指定文字顯示為粗體)_基礎知識

WBOY
發布: 2016-05-16 16:33:37
原創
2083 人瀏覽過

JavaScript bold 方法

lastIndexOf 方法傳回使用 HTML b 標籤定義的粗體字串。其文法如下:

複製程式碼 程式碼如下:

str_object.bold()

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

bold 方法實例

複製程式碼 程式碼如下:


運行該例子,輸出:

複製程式碼 程式碼如下:

www.jb51.net

提示:此方法傳回使用 HTML b 標籤定義的粗體字串,即使用此方法並不能動態的改變頁面元素的字型為粗體。如果想要動態改變元素字體為粗體,可參考下面的實例:

延伸閱讀:改變頁面元素字體大小

複製程式碼 程式碼如下:

function changFont( x ){
    var font_style = x;
    var article = document.getElementById("article");
    if( typeof font_style == "string" ){
        article.style.fontWeight = font_style;
    } else {
        article.style.fontSize = font_style;
    }
}



正常 粗體
小號 大號



我是一些文字 ...

Some Text ...




在這個範例中,透過 JavaScript 控製字體 CSS 樣式的方式,可讓顯示字體(id="article")在粗體、正常字體、小號字體與大號字體之間即時切換。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板