案例:javascript案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
5
<p id="myP" contenteditable="true">请尝试改变此文本。</p>
6
7
<button onclick="myFunction(this);">禁用 p 元素文本编辑!</button>
8
9
<p id="demo"></p>
10
11
<script>
12
function myFunction(button) {
13
    var x = document.getElementById("myP");
14
        if (x.contentEditable == "true") {
15
            x.contentEditable = "false";
16
            button.innerHTML = "启用 p 元素文本编辑!";
17
        } else {
18
            x.contentEditable = "true";
19
            button.innerHTML = "禁用 p 元素文本编辑!";
20
        }
21
}
22
</script>
23
24
</body>
25
</html>
26