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

    js如何獲取同一個元素的內容

    在js中,可以使用for循環遍歷每一個span對象,通過innerHTML獲得每個span的內容。下面小編舉例講解js如何獲取同一個元素的內容。

    東西/原料

    • html+js
    • 代碼編纂器:zend studio 10.0

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解js若何獲取統一個元素的內容。

    2. 2

      在test.html文件中,利用span標簽建立多行文字,用于測試。

    3. 3

      在test.html文件中,利用button標簽建立一個按鈕,給button綁定onclick點擊事務,當按鈕被點擊時,執行getcon()函數。

    4. 4

      在js標簽內,建立getcon()函數,在函數內,經由過程getElementsByTagName()方式獲得span元素對象,并界說一個空字符串變量str。

    5. 5

      在getcon()函數內,利用for輪回遍歷每一個span對象,經由過程innerHTML獲得每個span的內容,并將其拼接至str字符串中,最后,利用alert()方式輸出成果。

    6. 6

      在瀏覽器打開test.html文件,點擊按鈕,查看成果。

      END

    總結:

    1. 1

      1、利用span標簽建立多行文字。
      2、在js中,經由過程getElementsByTagName()方式獲得span元素對象,并界說一個空字符串變量str,利用for輪回遍歷每一個span對象,經由過程innerHTML獲得每個span的內容,并將其拼接至str字符串中,最后,利用alert()方式輸出成果。

      END
    • 發表于 2020-06-06 19:00
    • 閱讀 ( 796 )
    • 分類:其他類型

    相關問題

    0 條評論

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