javascript - 单击编辑和删除 Div 并在代码中应用更改

标签 javascript jquery html

所以我有一个 divulli 组成。 现在我想在 div 中添加 EditDelete 按钮,通过单击 Edit 按钮 div 应该可以编辑并且它应该显示另外两个选项 Save取消

现在最主要的是,在运行程序后,当我编辑删除时,它也应该更改程序中的代码。 有什么办法可以做到吗?谢谢

最佳答案

我认为您主要受困于如何使包含 liul 元素的 div 可编辑。为此,您需要使用 div 元素的 contentEditable 属性。

您可以使用 JavaScript 从“编辑”按钮启用此属性。

您可以使用此 JavaScript 代码来启用该属性:

 onclick='document.getElementById("collapseOne").contentEditable="true";'

这是一个 JSFiddle同样。

关于javascript - 单击编辑和删除 Div 并在代码中应用更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22652884/

相关文章:

javascript - 绑定(bind)范围输入以修改样式?

javascript - Vuejs 2 路由器无法以编程方式工作,但作为路由器链接工作

javascript在下一个动画之前等待动画完成

html - 对齐 :after to its parent container 的背景图像

html - "Centering"带有 Bootstrap 网格的图像

javascript - 在 React Native Firebase 中调用 firebase.app() 的目的是什么?

javascript - 创建具有动态高度的 iframe

javascript - 错误: [$injector:unpr] Unknown provider: $localStorageProvider <- $localStorage <- login

jquery ui 按钮 : how can I add a clicked state look to a button that's not a checkbox or radio button?

javascript - 调整背景 Sprite 图像的大小以适应 div