如何使用JavaScript(或jQuery)编辑元素的内容

Question

我如何通过本机JavaScript(DOM)和/或jQuery使元素的内容可以编辑？

Answer 1

使用单击处理程序切换可编辑开/关的解决方案:

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

DEMO

Answer 2

使用Javascript:

document.getElementById('IdOfElement').contentEditable='true';

Answer 3

看看我做的这个例子:http: //jsfiddle.net/K6W7J/

JS:

$('button').click(function(){
    $('div').attr('contenteditable','true');
})

HTML:

<button>CLICK</button>
<div>YOUR CONTENT</div>