javascript - 如何在javascript中使用类名标签插入按钮？

Question

我尝试在 gmail 页面中插入一个按钮。使用getElementsbyTagName()and可以正常工作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.