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

    JS中如何獲取某ID下的某個標簽的某個屬性值

    在js中,可以使用childNodes屬性獲得某ID下的所有對象,通過for循環,使用if語句判斷并找到指定標簽的屬性值。下面小編以獲得div下面的input標簽的屬性值為例,講解JS中如何獲取某ID下的某個標簽的某個屬性值。

    東西/原料

    • html+js
    • 代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解JS中若何獲取某ID下的某個標簽的某個屬性值。

    2. 2

      在test.html文件內,在div標簽內,利用input標簽建立一個文本框,并設置其value屬性值為“這是測試的內容”。

    3. 3

      在test.html文件內,設置div標簽的id為test,本家兒要用于下面經由過程該id獲得mydiv對象。

    4. 4

      在test.html文件內,利用button標簽建立一個按鈕,按鈕名稱為“獲取屬性值”,給button按鈕綁定onclick點擊事務,當按鈕被點擊時,執行getattr()函數。

    5. 5

      在js標簽中,建立getattr()函數,在函數內,利用getElementById()方式經由過程id(test)獲得div對象,利用childNodes屬性獲得div下所有的子元素。

    6. 6

      在getattr()函數內,利用for輪回遍歷每一個子元素,操縱if語句判定并找到input標簽對象,經由過程attributes獲得value屬性對象,利用nodeValue獲得value的屬性值。

    7. 7

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

    總結:

    1. 1

      1、建立一個test.html文件。
      2、在文件內,在div標簽內,利用input標簽建立一個文本框,同時建立一個button按鈕,用于觸發執行js函數。
      3、在js標簽內,建立函數,在函數內,利用getElementById()方式經由過程id獲得div對象,利用childNodes屬性獲得div下所有的子元素,利用for輪回遍歷每一個子元素,操縱if語句判定并找到input標簽對象,經由過程attributes獲得value屬性對象,利用nodeValue獲得value的屬性值。

    注重事項

    • nodeName屬性獲得的標簽名稱為大寫英文。
    • 發表于 2020-01-15 17:00
    • 閱讀 ( 1462 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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