如何使用JavaScript（或jQuery）编辑元素的内容 [英] How to make an element's content editable with JavaScript (or jQuery)

问题描述

我怎么做到的，所以元素的内容可以通过本地JavaScript（DOM）和/或jQuery编辑？ 解析方案

使用点击处理程序切换可编辑开启/关闭的解决方案：

  $（'button'）。click（function （）{
 var $ div = $（'div'），isEditable = $ div.is（'。editable'）; 
 $ div.prop（'contenteditable'，！isEditable）.toggleClass（ 'editable'）
}）
  

演示

How would I make it so the content of an element could be made editable through native JavaScript (DOM) and/or jQuery?

解决方案

Solution to toggle editable on/off using a click handler:

$('button').click(function(){
    var $div=$('div'), isEditable=$div.is('.editable');
    $div.prop('contenteditable',!isEditable).toggleClass('editable')
})

DEMO

这篇关于如何使用JavaScript（或jQuery）编辑元素的内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！