1. 首頁 > 生活百科 > >

js 獲取多個a標簽的值

小知識

在js中 ， 可以給a標簽統一設置一個class屬性 ， 通過class獲得a標簽對象 ， 使用for循環取得所有a標簽的值 。 下面小編舉例講解js 獲取多個a標簽的值 。

js 獲取多個a標簽的值



需要這些哦
html+js
代碼編纂器：Dreamweaver CS5
方式/
1【js 獲取多個a標簽的值】新建一個html文件 ， 定名為test.html ， 用于講解js 獲取多個a標簽的值 。
js 獲取多個a標簽的值



2在test.html文件內 ， 在div內 ， 利用多個a標簽建立多行內容 ， 并同一設置a標簽的class屬性值為myaa 。
js 獲取多個a標簽的值



3在test.html文件內 ， 利用button標簽建立一個按鈕 ， 給button按鈕綁定onclick點擊事務 ， 當按鈕被點擊時 ， 執行getMoreA()函數 。
js 獲取多個a標簽的值



4在js標簽中 ， 建立getMoreA()函數 ， 在函數內 ， 經由過程class獲得a標簽對象的調集 ， 并初始化一個空數組arr ， 用于保留讀取的值 。
js 獲取多個a標簽的值



5在getMoreA()函數內 ， 利用for輪回遍歷a標簽對象 ， 經由過程innerHTML屬性取得每一個a標簽的值 ， 并經由過程push()方式把值存進arr數組中 。 最后利用alert()方式輸出成果 。
js 獲取多個a標簽的值



6在瀏覽器打開test.html文件 ， 點擊按鈕 ， 查看成果 。
js 獲取多個a標簽的值



總結：11、在div內 ， 利用多個a標簽建立多行內容 ， 并同一設置a標簽的class屬性值為myaa 。
2、在js中 ， 經由過程class獲得a標簽對象的調集 ， 利用for輪回遍歷a標簽對象 ， 經由過程innerHTML屬性取得每一個a標簽的值 ， 并經由過程push()方式把值存進arr數組中 。 最后利用alert()方式輸出成果 。


以上內容就是js 獲取多個a標簽的值的內容啦 ， 希望對你有所幫助哦！

    猜你喜歡