时间戳

首页 > 解决方案 > Javascript 内容仅可编辑某些类

javascript - Javascript 内容仅可编辑某些类

问题描述

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

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

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

标签： javascriptcontenteditable

解决方案

是的，这是可能的，只需使用编辑类对所有元素运行一个简单的循环，并为它们提供 contentEditable true

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

就这样！

编辑：正如评论中提到的哈里：forEach 不适用于 htmlCollection 对象，因此您必须使用 [...theHTMLCollection] 将其转换为数组

推荐阅读