javascript - ID のないタグ内のクラスの名前を変更する

Question

誰か、クラス fb_connect の名前を javascript で fb_connect2 に変更するように教えてくれませんか?

<fieldset id="fieldset-ezformstep1">
<h3 class="legend">
<a href="#null" class="fb_connect">Connect to facebook</a>
</h3>
</fieldset>

これが結果のはず

<fieldset id="fieldset-ezformstep1">
<h3 class="legend">
<a href="#null" class="fb_connect2">Connect to facebook</a>
</h3>
</fieldset>

ありがとう

Answer 1

これを使用できます：

$(window).load(function(){ // or document ready but i suspect you need to wait for the window loaded event
    $('.fb_connect').toggleClass('fb_connect fb_connect2');
});

Answer 2

jqueryなしでやりたい場合：

var elems = document.getElementsByClassName('fb_connect');

for (var i = 0; i < elems.length; i++) {
    elems[i].className = elems[i].className.replace(/\bfb_connect\b/, 'fb_connect2');
}