如何切換的getElementById到getElementsByClassName方法

Question

我試着去切換的getElementById到getElementsByClassName方法

像這樣的項目：http://jsfiddle.net/2waZ2/21/

我簡單的努力只是不工作：http://jsfiddle.net/2waZ2/27/

Answer 1

變化

document.getElementsByClassName('mytable').appendChild(row) ; 

至

document.getElementsByClassName('mytable')[0].appendChild(row) ; 

http://jsfiddle.net/2waZ2/30

並且還刪除類名中的點。

或易使用jQuery

row = displayArrayAsTable(QR4, 24, 25); 
$(".mytable").append(row); 

http://jsfiddle.net/2waZ2/32/

Answer 2

快到了，你只需要刪除的點在getElementsByClassName方法，只有從得到的第一個結果，就像這樣：

document.getElementsByClassName('mytable')[0] 

http://jsfiddle.net/2waZ2/33/

Answer 3

getElementsByClassName返回元素數組，而不是單個元素，如getElementById。所以，你應該遍歷您的收藏（除非你想添加只有第一個找到的元素）具有：

var elements = document.getElementsByClassName('mytable'); 
for(var i = 0; i < elements.length; i++) { elements[i].appendChild(row) }; 

而且從類名稱中刪除點，因爲它不是類名（同＃的一部分，不屬於的ID）