在DOM中 ， 通過獲得元素對象 ， 使用childNodes屬性便可以獲得子元素對象 。 下面小編以獲得子元素的標簽名稱為例 ， 講解DOM中如何獲取一個元素的子元素 。
需要這些哦
html+jquery
代碼編纂器：Dreamweaver CS5
方式/
1新建一個html文件 ， 定名為test.html ， 用于講解DOM中若何獲取一個元素的子元素 。
2在test.html文件內 ， 利用div標簽建立一個模塊 ， 在div內 ， 利用p標簽建立一行文字 。
3在test.html文件內 ， 設置div標簽的id為mydiv ， 本家兒要用于下面經由過程該id獲得div對象 。
4在test.html文件內 ， 利用button標簽建立一個按鈕 ， 按鈕名稱為“獲取子元素” 。
5在test.html文件中 ， 給button按鈕綁定onclick點擊事務 ， 當按鈕被點擊時 ， 執行jsgetson函數 。
6在js標簽中 ， 建立jsgetson()函數 ， 在函數內 ， 利用getElementById()方式經由過程id獲得div對象 ， 利用childNodes屬性獲得div的子元素 ， 最后 ， 利用alert()方式輸出子元素的標簽名 。
7【DOM中如何獲取一個元素的子元素】在瀏覽器打開test.html文件 ， 點擊按鈕 ， 查看成果 。
總結：11、建立一個test.html文件 。
2、在文件內 ， 利用div標簽建立一個模塊 ， 在div內 ， 利用p標簽建立一行文字 ， 同時建立一個button按鈕 ， 用于觸發執行js函數 。
3、在js標簽內 ， 建立函數 ， 在函數內 ， 利用getElementById()方式經由過程id獲得div對象 ， 利用childNodes屬性獲得div的子元素 。
注重事項childNodes屬性返回節點的子節點調集 。
以上內容就是DOM中如何獲取一個元素的子元素的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 如何修改瀏覽器主頁默認的毒霸網頁攻略
- 12306候補購票候補人數較少、中等是什么意思
- 愛上一杯茶
- 感悟飲茶
- 如何挑選一條好的玉化星月 玉化星月到底是什么
- 如何理解人格分裂傾向？
- 瘦瘦瘦瘦成鉛筆腿
- 用熱毛巾每天給貓咪擦身體可以嗎 如何給貓咪用熱毛巾
- 如何挑布偶貓 布偶貓如何快速熟悉
- 如何給貓咪驅蟲 聽說貓身上有弓形蟲，飼養者會被傳染嗎？