• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    js實現點擊按鈕文字變大的效果

    利用JS實現點擊文字變大的結果,本家兒如果經由過程改變文字的樣式來實現,即改變字體的巨細。下面介紹實現結果的過程。

    方式/步調

    1. 1

      新建一個HTML文件,定名為test.html,用于實現JS點擊文字變大的結果。

    2. 2

      在test.html文件中,利用p標簽界說一段文字,而且為p標簽界說一個值為demo的id屬性,便利下面獲得p標簽對象。

    3. 3

      再在test.html文件中,利用input標簽界說一個名稱為“點擊”的按鈕,用于實現點擊的結果。

    4. 4

      給input標簽按鈕綁心猿意馬onclick點擊事務,經由過程點擊事務觸發去操作p元素內容文字的巨細。

    5. 5

      利用JS界說一個函數handel(),在handel()方式內編寫JS代碼實現改變文字的巨細,handel()方式經由過程onclick事務觸發執行。

    6. 6

      在handel()函數內,利用document.getElementById()的方式獲得P標簽對象,經由過程對象屬性的方式從頭界說字體的巨細,例如,點擊后使p標簽的文字巨細釀成30px。

    7. 7

      在瀏覽器運行test.html文件,查看實現的結果:

      可見,當作功實現了點擊按鈕改變文字的巨細。

    • 發表于 2019-07-08 17:03
    • 閱讀 ( 1080 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    推薦文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆