在以前的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"
>
<
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的内容是可以编辑