主页
JS 参考手册
HTML DOM contentEditable 属性
try_dom_body_contenteditable3
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <p id="myP" contenteditable="true">尝试更改此文本。</p> <button onclick="myFunction(this);">禁用 p 的内容可编辑！</button> <p id="demo"></p> <script> function myFunction(button) { var x = document.getElementById("myP"); if (x.contentEditable == "true") { x.contentEditable = "false"; button.innerHTML = "使 p 的内容可以编辑！"; } else { x.contentEditable = "true"; button.innerHTML = "禁止 p 的内容可编辑！"; } } </script> </body> </html>