​x
 
<!DOCTYPE html>
<html>
<body>
<h1>Element 对象</h1>
​
<h2>contentEditable 属性</h2>
​
<p id="myP" contenteditable="true">请尝试更改此文本。</p>
​
<button onclick="myFunction(this);">禁用 "myP" 可编辑！</button>
​
<p id="demo"></p>
​
<script>
function myFunction(button) {
  const x = document.getElementById("myP");
  if (x.contentEditable == "true") {
    x.contentEditable = "false";
    button.innerHTML = '使 "myP" 的 p 可编辑！';
  } else {
    x.contentEditable = "true";
    button.innerHTML = '禁用 "myP" 的 p 可编辑！';
  }
}
</script>
​
</body>
</html>
​