在js中， 可以使用childNodes屬性獲得某ID下的所有對象， 通過for循環， 使用if語句判斷并找到指定標簽的屬性值 。 下面小編以獲得div下面的input標簽的屬性值為例， 講解JS中如何獲取某ID下的某個標簽的某個屬性值 。
需要這些哦
html+js
代碼編纂器：Dreamweaver CS5
方式/
1新建一個html文件， 定名為test.html， 用于講解JS中若何獲取某ID下的某個標簽的某個屬性值 。
2在test.html文件內， 在div標簽內， 利用input標簽建立一個文本框， 并設置其value屬性值為“這是測試的內容” 。
3在test.html文件內， 設置div標簽的id為test， 本家兒要用于下面經由過程該id獲得mydiv對象 。
4在test.html文件內， 利用button標簽建立一個按鈕， 按鈕名稱為“獲取屬性值”， 給button按鈕綁定onclick點擊事務， 當按鈕被點擊時， 執行getattr函數 。
5【JS中如何獲取某ID下的某個標簽的某個屬性值】在js標簽中， 建立getattr()函數， 在函數內， 利用getElementById方式經由過程id(test)獲得div對象， 利用childNodes屬性獲得div下所有的子元素 。
6在getattr()函數內， 利用for輪回遍歷每一個子元素， 操縱if語句判定并找到input標簽對象， 經由過程attributes獲得value屬性對象， 利用nodeValue獲得value的屬性值 。
7在瀏覽器打開test.html文件， 點擊按鈕， 查看成果 。
總結：11、建立一個test.html文件 。
2、在文件內， 在div標簽內， 利用input標簽建立一個文本框， 同時建立一個button按鈕， 用于觸發執行js函數 。
3、在js標簽內， 建立函數， 在函數內， 利用getElementById方式經由過程id獲得div對象， 利用childNodes屬性獲得div下所有的子元素， 利用for輪回遍歷每一個子元素， 操縱if語句判定并找到input標簽對象， 經由過程attributes獲得value屬性對象， 利用nodeValue獲得value的屬性值 。
注重事項nodeName屬性獲得的標簽名稱為大寫英文 。
以上內容就是JS中如何獲取某ID下的某個標簽的某個屬性值的內容啦， 希望對你有所幫助哦！
猜你喜歡
- 冬季如何養花養不死
- 工具箱的運用
- 健康飲茶：勤把茶杯洗
- 如何品各種茶？
- 解析茶葉中的八大誤讀 任何茶類都有最佳飲用期
- 九品芝麻官如何生孩子獲得子嗣
- 天熱炎熱如何增加孩子的食欲？
- 如何拼盡全力去追尋自己的夢想？
- LOL英雄聯盟S8賽季新版本符文應該如何搭配？
- 慢性咽喉炎在日常生活中有哪些注意事項？