W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!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>