html5小趣味知识点系列（一）contentEditable

在这里纠正一下某些书籍说这个修改后的文字内容是无法保存的的错误必须发送到服务器进行保存才可以（因为我可以保存到内容）看代码吧也许我理解的不对

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>可编辑</title>
</head>
<body>
    <p id="p1" contentEditable="true">我是可以编辑的内容，快来编辑我吧</p>
    <script type="text/javascript">
         var edit=document.getElementById('p1');
         edit.onblur=function(){
             this.innerHTML=this.innerHTML;
         }
    </script>
</body>
</html>

可以自己尝试一下你发现你最新编辑的内容在你鼠标离开以后会把你最新的修改的内容留到元素中