Javascript中的内容可编辑按钮应用于类

我的目标是通过单击按钮使多个div可编辑。有没有办法通过使用类而不是ID来实现这一点？我希望能够将可编辑类添加到整个站点的多个div中。是否有适合此任务的插件或模块？我不想在浏览器中编辑代码或格式，只想编辑文本内容。 你的想法

测试1 测试2 测试3

<script>
    var editorBtn = document.getElementsByClassName('editBtn');
    var element = document.getElementsByClassName('editable');

    editorBtn.addEventListener('click', function(e) { 
        e.preventDefault();

        if (element.isContentEditable) {
        element.contentEditable = 'false';
        editBtn.innerHTML = 'update';

      } else {
        element.contentEditable = 'true';
        editBtn.innerHTML = 'done';
        }
    });
</script>

var editorBtn=document.getElementsByClassName（'editBtn'）；
var元素=document.getElementsByClassName（'editable'）；
editorBtn.addEventListener（'click'，函数（e）{
e、 预防默认值（）；
if（element.isContentEditable）{
element.contentEditable='false'；
editBtn.innerHTML='update'；
}否则{
element.contentEditable='true'；
editBtn.innerHTML='done'；
}
});

GetElementsByCassName将返回一个数组。您可能希望通过ID访问按钮，并通过类访问元素

<script>
 var editorBtn = document.getElementById('editBtn');



 editorBtn.addEventListener('click', function(e) { 
    e.preventDefault();
    var elements = document.getElementsByClassName('editable');
    for(var i =0;i<elements.length;i++){
     if (elements[i].isContentEditable) {
      elements[i].contentEditable = 'false';
      editBtn.innerHTML = 'update';
     } else {
      elements[i].contentEditable = 'true';
      editBtn.innerHTML = 'done';
     }
    }
 });
</script>

var editorBtn=document.getElementById（'editBtn'）；
editorBtn.addEventListener（'click'，函数（e）{
e、 预防默认值（）；
var elements=document.getElementsByClassName（'editable'）；
对于（var i=0；i如果您想向一组div或元素添加一个类，请使用Jquery

$(".classToSelect").addClass("classToInsert")

如果这不是你想要的，请澄清你的问题