js如何輸出html頁面所有div的id屬性

新建一個html頁面，定名為test.html，用于講解js若何輸出html頁面所有div的id屬性。

在test.html頁面，建立四個div，此中三個div有id屬性，并建立一個button按鈕來觸發獲得div的id屬性。

給button按鈕綁心猿意馬onclick點擊事務，當按鈕被點擊時，執行handleAllTags()函數來獲得所有div的id屬性。

在handleAllTags()函數內，利用document.getElementsByTagName()方式獲適當前頁面所有的div，并把該對象保留在變量arrayOfDocFonts中。代碼如下：

在handleAllTags()函數內，利用length屬性獲得arrayOfDocFonts的長度，再利用for輪回遍歷獲得div。

在handleAllTags()函數內，利用".id"的方式獲得每個div對象的id屬性名，并把它保留在數組arr中。代碼如下：

利用document.write()方式輸出arr數組內的元素,即輸出當前頁面獲得的所有div的id屬性。在瀏覽器運行test.html頁面，查看輸出的成果，可見，當作功獲得頁面所有div的id屬性。

0 條評論