一些有趣的JavaScript API

HTMLElement.contentEditable

此API使HTML中任何元素可以被编辑

语法

document.body.contentEditable = 'true'

document.body.contentEditable = 'false'

类似的HTML API: Content Editable

<div contenteditable="true">
  This text can be edited by the user.
</div>
这使得我们想要临时修改网页变得易如反掌，不需要去定位元素修改html代码，直接打开控制台输入document.body.contentEditable = true回车即可为所欲为

demo

点击后可随意修改本界面文本

当然我们也可以你用这个API做一些别的事情，比如用浏览器创建一个临时文本编辑器

// 在浏览器地址栏输入
data:text/html,<html contenteditable>