我想创建一个仅在单击单独的“上方编辑按钮”时才可编辑的按钮，然后在单击同一“编辑按钮”后恢复为普通按钮。解决这个问题的好方法是什么？
我的代码如下:
<button>Button Text Could Be Editable</button><br />
<button>Edit Button Above</button>
如果这不能完成或不推荐，我可以灵活地“伪造按钮”(即用 div 伪造按钮等。我正在寻找解决此问题的优雅解决方案。)
最佳答案
设置data-*最后属性<button>元素，例如 data-edit="0" ，位于click最后<button>设置data-edit至"1"并将结果评估为转换为 Boolean 的数字值，true或false .
设置data-edit的结果值转换为 Boolean作为 this.previousElementSibling.previousElement.sibling.contextEditable 的值.
<button>Button Text Could Be Editable</button><br />
<button onclick="this.previousElementSibling.previousElementSibling.contentEditable = !!(+(this.dataset.edit = this.dataset.edit == 0 ? 1 : 0))" data-edit="0">Edit Button Above</button>关于javascript - 您可以使用 HTML 和 javascript 创建一个包含可编辑内容的按钮吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43671196/