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

【问题标题】：How to insert a button using classname tag in javascript?如何在javascript中使用类名标签插入按钮？
【发布时间】：2013-07-21 03:28:37
【问题描述】：

我尝试在 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 浏览器。

问候三重

【问题讨论】：

标签： javascript google-chrome dom gmail

【解决方案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.

【讨论】：

@Jack: abc_array 长度值为0。