javascript - getElementsByClassName ('el' )[0] 未定义

Question

<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>

function create(htmlStr){
    var frag = document.createDocumentFragment(),
    temp = document.createElement('div');
    temp.innerHTML = htmlStr;
    while (temp.firstChild){
        frag.appendChild(temp.firstChild);
    }
    return frag;
}

var _bM=document.getElementsByClassName('.b'+1);

_bM.appendChild(create('<img src="'+some_data+'"class="q q'+some_var+'"/>'));

Uncaught TypeError: Object #<NodeList> has no method 'appendChild'

其中:

var _bM=document.getElementsByClassName('.b'+1)[0];

Uncaught TypeError: Cannot call method 'appendChild' of undefined

我在 chrome 版本 31 上。我正在尝试做纯 javascript 而不是 jquery，因为我需要速度并且必须使用类而不是 id。为什么会这样？

Answer 1

使用 document.getElementsByClassName('b'+1) 而不是 document.getElementsByClassName('.b'+1)

你不需要 . 和 getElementsByClassName