小虾虎鱼

小虾虎鱼

设置contenteditable属性可编辑HTML标签的内容

作者 禾惠 发表于 2013/01/22,最后修改于 2013/01/22

有些Weber可能没有用过contenteditable这个属性,如果想编辑一个DIV里面的内容,这个属性是一个非常不错的选择。

<div contenteditable="true">可以编辑里面的内容</div>

如果你在BODY里面加上contenteditable="true",可以发现该属性是多么的神奇。因此我们可以给HTML标签设置contenteditable="true"属性则可以对该标签进行编辑。


contenteditable属性兼容所有浏览器(IE6之前的版本是否兼容未测试)


在有些时候我们完全可以用DIV去替代input或者textarea来达到同样的效果,例如,在使用ajax的时候,在提交表单时我们可以获取DIV的内容。


细心的人会发现,QQ空间中的发表说说的文本框其实就是一个DIV,而非textarea文本框。