新建一個html文件,定名為test.html,用于講解JS中若何獲取某ID下的某個標簽的某個屬性值。
在test.html文件內,在div標簽內,利用input標簽建立一個文本框,并設置其value屬性值為“這是測試的內容”。
在test.html文件內,設置div標簽的id為test,本家兒要用于下面經由過程該id獲得mydiv對象。
在test.html文件內,利用button標簽建立一個按鈕,按鈕名稱為“獲取屬性值”,給button按鈕綁定onclick點擊事務,當按鈕被點擊時,執行getattr()函數。
在js標簽中,建立getattr()函數,在函數內,利用getElementById()方式經由過程id(test)獲得div對象,利用childNodes屬性獲得div下所有的子元素。
在getattr()函數內,利用for輪回遍歷每一個子元素,操縱if語句判定并找到input標簽對象,經由過程attributes獲得value屬性對象,利用nodeValue獲得value的屬性值。
在瀏覽器打開test.html文件,點擊按鈕,查看成果。
1、建立一個test.html文件。
2、在文件內,在div標簽內,利用input標簽建立一個文本框,同時建立一個button按鈕,用于觸發執行js函數。
3、在js標簽內,建立函數,在函數內,利用getElementById()方式經由過程id獲得div對象,利用childNodes屬性獲得div下所有的子元素,利用for輪回遍歷每一個子元素,操縱if語句判定并找到input標簽對象,經由過程attributes獲得value屬性對象,利用nodeValue獲得value的屬性值。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!