如何切换的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）