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

    使用JS實現點擊按鈕改變HTML標簽的內容

    JS供給了良多方式用來操作HTML元素,經由過程獲得HTML元素對象,再利用響應的方式就能實現操作HTML元素的內容。下面介紹利用JS實現點擊按鈕改變HTML標簽的內容。

    方式/步調

    1. 1

      新建一個HTML文件,定名為test.html,用于實現點擊按鈕改變HTML標簽的內容。

    2. 2

      在test.html頁面界說一個p元素,并給p元素一個id屬性,屬性值為demo,便利下面利用JS獲得該元素對象。

    3. 3

      再在test.html頁面界說一個input元素,類型為button按鈕類型,用于實現點擊的結果。

    4. 4

      要實現點擊改變p標簽內容的結果,需要給input按鈕綁心猿意馬onclick事務,經由過程onclick事務,當點擊按鈕時,執行響應的操作。

    5. 5

      當用戶點擊按鈕時,經由過程onclick事務執行一個change_con()函數,利用該方式實現改變p標簽的內容。

    6. 6

      在JS函數change_con()中,獲得p元素對象,再經由過程對象的innerHTML方式實現改變p標簽的內容。

    7. 7

      在瀏覽器運行代碼,測試結果:

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

    你可能感興趣的文章

    相關問題

    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>
    久久久久精品国产麻豆