Javascript内容仅适用于某些类

我有下面的脚本使HTML页面可编辑

document.body.contentEditable = 'true'; document.designMode='on';

我想只允许我的用户用“编辑”类编辑部分。这可能吗？

是的，这是可能的

let el_array = document.getElementsByClassName('edit');

然后在el_数组上循环，并将其应用于每个元素

el.contentEditable=true

是的，这是可能的

let el_array = document.getElementsByClassName('edit');

然后在el_数组上循环，并将其应用于每个元素
el.contentEditable=true

您可以尝试查找所有类名为“edit”的元素，并将其全部更改为“off”，如下所示

document.querySelectorAll('.edit').forEach(function(element){
    element.contentEditable = 'true';
})

您可以尝试查找类名为“edit”的所有元素，并将其全部更改为如下所示

document.querySelectorAll('.edit').forEach(function(element){
    element.contentEditable = 'true';
})

是的，这是可能的，只需使用edit类在所有元素上运行一个简单的循环，并将它们设为contentEditable true

[...document.getElementsByClassName("edit")].forEach(
  el => el.contentEditable = "true"
);


就这些

编辑：正如harry在评论中提到的：forEach不适用于htmlCollection对象，因此必须使用[…htmlCollection]将其强制转换为数组。
是的，这是可能的，只需使用Edit类在所有元素上运行一个简单的循环，并将其设为contentEditable true

[...document.getElementsByClassName("edit")].forEach(
  el => el.contentEditable = "true"
);


就这些

编辑：正如harry在评论中提到的：forEach不适用于htmlCollection对象，因此必须使用[…htmlCollection]将其强制转换为数组
函数编辑_内容（）{
document.querySelectorAll（'.myP'）.forEach（函数（ele）{
ele.contentEditable='true'；
})
}

abcdefghijklmnop

单击以编辑

函数编辑_内容（）{
document.querySelectorAll（'.myP'）.forEach（函数（ele）{
ele.contentEditable='true'；
})
}

abcdefghijklmnop

单击以编辑
forEach不适用于GetElementsByCassNameah是的，我忘了，更正！forEach不适用于getElementsByClassNameAh是的，我忘记了，更正@IslamElshobokshy谁说他自己没有试过？@Luke_u你需要提供你试过的代码，如果没有提供，一个人假设他没有试过。@IslamElshobokshy谁说他自己没有试过？@Luke_u你需要提供你试过的代码，如果没有提供，一个人假设他没有试过。