contenteditable属性用法简单介绍

简介:

本章节通过代码实例简单介绍一下contenteditable属性的用法。

之前,只有input和textarea的内容才是可以编辑的,但是此属性的出现,让更多元素的内容可以进行编辑。

代码实例如下:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
<!DOCTYPE html>< html >
< head >
< meta charset = " utf-8" >
< meta name = "author" content = "http://www.softwhy.com/" />
< title >蚂蚁部落</ title >
< style type = "text/css" >
div{
   width:200px;
   height:150px;
   border:1px solid black;
}
</ style >
</ head >
< body >
< div contenteditable = "true" >蚂蚁部落欢迎您</ div >
</ body >
</ html >

上面的代码中,div是可以编辑的,非常简单。


原文发布时间为:2017-3-25

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:contenteditable属性用法简单介绍

相关文章
|
JavaScript
js: 获取标签元素data-*属性值的方法
js: 获取标签元素data-*属性值的方法
298 0
|
JavaScript 前端开发
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
674 0
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
|
JavaScript
jquery给元素设置属性
jquery给元素设置属性
|
JavaScript
jquery 获取单选框值的方法
jquery 获取单选框值的方法
867 0
|
缓存 移动开发 JavaScript
jQuery 获取设置元素属性
jQuery 获取设置元素属性
jQuery 获取设置元素属性
|
JavaScript
DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)
DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)
DOM对象中的常用属性(innerHTML属性,innerText属性,className属性,style属性)
|
JavaScript
jquery attr()方法获取input的checked属性问题
jquery attr()方法获取input的checked属性问题
132 0
|
前端开发 JavaScript
jQuery获取和设置元素属性
获取和设置元素属性的操作
135 0