如何在javascript中使用classname标签插入按钮?

时间:2013-07-22 11:50:14

标签: javascript google-chrome dom gmail

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

此致 散聚

1 个答案:

答案 0 :(得分:0)

当你做某事时  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.