2014-01-17 122 views
0

你可以有多個elemenID參數HTML DOM getElementById()方法嗎?以及如何? 基於w3schools這是HTML DOM的getElementById()方法的語法,但它不能顯示在情況下,你需要調用多個ID的。多個elementID參數HTML DOM getElementById()方法?

語法 的document.getElementById(elementID)

enter image description here

我需要讓標籤1-6的元素,形成這樣的輸出:

199弗里斯路,Sladevale QLD 4370 ,澳大利亞

+0

爲什麼你甚至使用ID來執行該任務?在表單輸入元素上使用類或者只是迭代它們。 – thpl

+0

這是我們在上一個主題期間向我們介紹的唯一方法,我們沒有處理多個ID,但我期待着學習它們。 –

+0

六次使用'getElementById()'有什麼問題?出於您提到的目的,您無論如何都需要單獨處理元素,以便您可以在適當的位置插入逗號。 – nnnnnn

回答

2

getElementById只允許單個元素sp ecified。

最近的(即不太好的支持)querySelectorAll方法接受一個選擇器,它可以包含多個ID。

var nodeList = document.querySelectorAll('#one, #two, #three, #four, #five, #six'); 

但你可能會更好只是在一個循環中調用getElementById(你可以在你的ID值存儲在一個數組)。

更好的是調整標記。如果你有一組元素,那麼使用某種分組機制。

例如

// Make them all members of a class 
var nodeList = document.getElementsByClassName('foo'); 

// Put them all in a container 
var nodeList = document.getElementById('someContainer').getElementsByTagName('label'); 
+0

謝謝你這是非常豐富的信息,課程即將結束,我可以問你是否可以把我連接到一些小提琴或一些網站更多的例子,所以我可以進一步研究/調整他們在家裏。再次感謝您先生 –

+0

https://developer.mozilla.org/en-US/docs/DOM – Quentin