contentEditable 属性

的头像
172

HTML 5 为大部分 HTML 元素都增加了 contentEditable 属性,如果将该属性设为 true,那么浏览器将会允许开发者直接编辑该 HTML 元素里内容。此处的 HTML 元素并不是指那些原本就允许用户输入的表单元素,如文本框、文本域之类的,而是可以把﹤table.../﹥﹤div.../﹥等元素变成可编辑状态。

contentEditable 属性具有“可继承” 的特点:如果一个HTML 元素的父元素是“可编辑”的,那么它默认也是可编辑的,除非显式指定 contentEditable="false".

除此之外,HTML 5 为允许设置contentEditable 属性的元素提供了 isContentEditable 属性,当该元素处于可编辑状态时,该属性返回 true;否则返回 false.

当用户编辑完成后,用户编辑的内容就会直接显示在该页面中(不要刷新页面,一旦刷新页面就会重新加载,编辑的内容会丢失),开发者可以通过该元素的 innerHTML 属性来获取编辑后的内容。

用户评论
评论列表