div的内容是可以编辑

简介:

在以前的div的内容确定之后,无法像文本框那样可以非常方便的修改其中的内容。

不过现在新标准的出现,可以实现随时随地的编辑div中的内容。

代码实例:

 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
< html >
< head >
< meta charset = " utf-8" >
< meta name = "author" content = "http://www.softwhy.com/" />
< title >蚂蚁部落</ title >
< style type = "text/css" >
#antzone{
   width:300px;
   height:60px;
   background:#CCC;
   text-align:center;
   line-height:60px;
}
</ style >
</ head >
< body >
< div id = "antzone" contenteditable = "true" >蚂蚁部落softwhy.com</ div >
</ body >
</ html >

上面的代码中,可以将div设置为可编辑的,只要在div中添加如下属性即可:

1
contenteditable="true"


原文发布时间为:2017-2-23

本文作者:admin

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

原文链接:div的内容是可以编辑

相关文章
|
前端开发
css改input变输入框光标颜色demo效果示例(整理)
css改input变输入框光标颜色demo效果示例(整理)
|
5月前
|
JavaScript
jquery在光标位置插入内容指定内容(input、textarea)通用
jquery在光标位置插入内容指定内容(input、textarea)通用
36 0
|
6月前
|
存储 数据库
layui 富文本layedit编辑、存储和回显
layui 富文本layedit编辑、存储和回显
656 0
|
前端开发
ztree实现编辑和删除功能
ztree实现编辑和删除功能
108 0
|
JavaScript
jquery点击删除按钮,删除当前的div
jquery点击删除按钮,删除当前的div
60 0
动态表格之查看、删除、编辑
动态表格之查看、删除、编辑
50 0
|
JavaScript 前端开发 Java
31jqGrid 行编辑- 自定义编辑
31jqGrid 行编辑- 自定义编辑
53 0
|
JavaScript 前端开发 双11
清除前端标签中(输入框)的内容
清除前端标签中(输入框)的内容
143 0
震惊p div 标签 可以编辑高度随内容的编辑而发生变化
震惊p div 标签 可以编辑高度随内容的编辑而发生变化
|
JavaScript 索引
elementUI table 点击编辑按钮进行编辑实现示例
代码(点击查看示例): Demo .el-table-add-row { margin-top: 10px; width: 100%; ...
11135 0