如何在javascript中使用classname標籤插入按鈕？

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">值。

我該如何做到這一點？

我正在使用chrome瀏覽器。

問候 三居

Answer 1

當你折騰喜歡 VAR abc_array = document.getElementsByClassName（ 「ABC」）; abc_array將具有帶「abc」類的元素的數組。你需要寫一個簡單的循環來找到像這樣的值...

var class_string =[]; 
for(var i=0;i<abc_array.length;i++){ 
    class_string=class_string.push(abc_array.innerHTML); 
    } 
//now you can return which class_string[0] or whatever you want.