javascript - javascriptでクラス名タグを使用してボタンを挿入するには?

Question

Gmailページにボタンを挿入しようとしています。と を使用して正常に動作しgetElementsbyTagName()ますappendchild()。

しかし、次のようなクラス名にボタンを挿入したい

私も試さgetElementsByClassName()れてますdocument.getElementsByClassName('abc')[0]しquerySelectorAll()。

私は持っています

mainDiv value from <div id=:ab>

var mainDiv=document.getElementById(':ab');
              var newDiv=document.createElement('div'); 
              newDiv.setAttribute('id','innerdiv11');
              var newButton=document.createElement('input');
              newButton.type='button'; 
              newButton.value='Encrypt';
              newButton.id='btn11';
              newDiv.appendChild(newButton);
              //mainDiv.insertBefore(newDiv, mainDiv.lastChild);
              mainDiv.appendChild(newDiv);

今、私はmainDiv value from <div class="abc">価値を得る必要があります。

どうすればこれを達成できますか?

私はクロムブラウザを使用しています。

よろしくサンジュ