javascript - 为什么下面这个代码不能把id换成class

Question

var tabletd_gg=document.getElementById('gg_blank').innerHTML;
    var count = 0;
    var res_gg = tabletd_gg.replace(/~/g, function(x){ var symbol = count++ == 1 ? '~<br/>' : x; return symbol;});
    document.getElementById('gg_blank').innerHTML=res_gg;

效果是这样的

转换

为什么用getElementsByClassName()就失效了？

Answer 1

支持getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。
是一个类数组对象用

var tabletd_ggs=document.getElementById('gg_blank');
for(var i=0;i<tabletd_ggs.length;i++){
    tabletd_ggs[i];
    // 操作
}

或者使用JQuery的each

$('.gg_blank').each(function(i){
    this;
    //this就是选择的dom对象
});

Answer 2

getElementsByClassName是IE9+才支持，而且返回的是NodeList,可以加下标指向具体某个element

Answer 3

getElementsByClassName() 返回的是一个类数组对象 ById返回的是一个DOM对象 你可以在getElementsByClassName()[0] 加一个[0]就可以了