div设置可编辑内容的方法
墨初 前端设计 4188阅读
在web页面中，如果要输入内容，就需要使用 input 或 textarea 元素，但它们只能输入或显示纯文本的内容，无论对一个带有CSS样式的内容进行显示或手机编辑的，所以DIV元素就提供了一个可编辑内容的属性 contenteditable 。
HTML contenteditable 属性
contenteditable 属性规定元素内容是否可编辑，默认为 false，如果设置为 true ，则表示元素内的内容可以被编辑
语法：
<element contenteditable="true|false">
例：
<p contenteditable="true">这是一个可编辑的段落。</p>
div元素内容设置可编辑的方法
只需要将DIV元素内的 contenteditable 属性设置为 true 即可！
例：
<style>
div{
width: 300px;
height: 100px;
margin-bottom: 10px;
border:1px solid red;
padding: 10px;
}
</style>
<div>
我是不可编辑的！
</div>
<div contenteditable="true">
我是可以被编辑的!
</div>
<p>飞鸟慕鱼博客 http://feiniaomy.com</p>运行结果：
