怎样使网页中的元素可编辑??

最新推荐文章于 2022-11-25 11:23:21 发布
最新推荐文章于 2022-11-25 11:23:21 发布
阅读量147 收藏
点赞数
文章标签： JavaScript HTML ViewUI

怎样使元素可编辑

作者：http://lucky.myrice.com
E-mail:amxh@21cn.com


    在IE5.5中，可以设定元素的编辑属性。语法如下：

object.contentEditable [= sEditable];


其中的sEditable为下列三个之一：
　　◇inherit
　　◇false
　　◇true

例子如下：[你可以对下面的文字进行编辑、修改、输入文字！！]


欢迎光临【孟宪会之精彩世界】。您可以在这里编辑文字！
<script language="JavaScript"> </script>

代码如下：
<HTML>
<HEAD>
</HEAD>
<BODY>
<DIV ID="oDiv">欢迎光临【孟宪会之精彩世界】。您可以在这里编辑文字！</DIV>
<SCRIPT>
<!--
oDiv.contentEditable = true;
// -->
</SCRIPT>
</BODY>
</HTML>

java2000_test
关注
怎样使网页中的元素可编辑?? (转)
circularr9834的博客
08-13 141
怎样使网页中的元素可编辑?? (转)[@more@]怎样使元素可编辑 作者：http://lucky.myrice.comE-Mail:amxh@21cn.com 在IE5.5中，可以设定元素的编辑属性。语法如下： ...
网页元素可以编辑
sphinger的专栏
11-12 576
在地址栏输入这一行代码，然后回车，就发现整个页面都可以随意编辑了。仅仅是一行很短的代码。页面上的所有内容都可以修改了，就像在word中编辑一样。那些不让拷贝的网站可以被这招通杀了。以后谁还会傻乎乎地分析页面代码，然后修改，保存，刷新，再拷贝呢？javascript:document.body.contentEditable=true; document.designMode=on;
实现网页内容可编辑
CoreyXuu的博客
07-04 2489
实现修改网页内容只需要一行代码可以实现，打开控制台 输入 回车然后可以直接修改网页上的内容信息1, F12 打开控制台 2 输入 回车如上图可见可以任意修改网页内容,
一行代码更改任意网页为可编辑
技术博客记录
12-23 244
document.body.contentEditable='true';
让网页变得可编辑，学会这个技巧，可以出去大拽了
qq_34955471的博客
06-24 2015
设置页面为可编辑 document.body.contentEditable=true 使用方式在在浏览器中打开对应的网址，如百度 然后按 F12 键盘（在键盘右上方） 在弹出的窗口中选择 console ，然后在空白地方复制上面的代码，点击回车 如下图 原图 编辑后 为什么会这样呢？ 原因c...
js 使FORM表单的所有元素不可编辑的示例代码
10-26
第一个函数`disableOcx`的主要作用是在页面加载完成时，遍历表单中的所有元素，并通过设置元素的`disabled`属性为"true"，使得这些元素变为不可编辑状态。在代码中可以看到，通过一个for循环，代码遍历了表单的所有...
网页设计与制作-结构元素编辑网页.pptx
11-01
article元素是网页中独立、自包含的内容单元，如文章、博客条目、新闻报道等。它强调内容的独立性，使得内容可以在不同的上下文中重用，提高了信息的可移植性。比如，一篇文章可以包裹在`<article>`标签中，包含其...
如何在HTML5中实现网页元素的富文本编辑功能？请详细说明contenteditable属性的使用场景和注意事项。
最新发布
10-27
在HTML5中，通过contenteditable属性可以轻松实现网页元素的富文本编辑功能，该属性使开发者能够快速创建可编辑的区域。根据提供的辅助资料《HTML5中对contenteditable属性的解释与规定》，我们可以了解到...
Bootstrap可编辑表格的网页特效.rar
10-01
在"Bootstrap可编辑表格的网页特效.rar"这个压缩包中，可能包含了一个或多个实现Bootstrap编辑表格效果的示例文件，如"jiaoben9137"，这可能是源代码文件、HTML模板或者JavaScript脚本。这些文件将展示如何利用...
浏览器的默认样式，内联元素，修改元素的性质，文档流，浮动
peichaohang的博客
12-25 594
浏览器的默认样式 我们浏览器默认的样式的有8个外边距和内边距，我们可以通过以下的代码 清除浏览器的默认样式 *{ margin: 0; padding: 0; } 内联元素的盒模型 常见的内联元素有 ：span、a、img、iframe 内联元素不能设置width和height 设置水平内边距,内联元素可以设置水平方向的内边距 水平外边距，内联元素支持水平方向的外边距 为右边...
关于vue页面样式元素修改的总结，根据chrome浏览器开发者模式以及VsCode去更改vue页面底层样式。
m0_71830837的博客
11-25 2006
今天做vue页面，发现到element-ui上面复制的代码，有一些看着很别扭，强迫症的想修改一下样式，比如下面这个多选框上面的单第一个不跟下面对齐我就很犯强迫症，当然这不只是这一个地方，很多时候我们也需要根据页面修改样式或者添加样式，那么我们以后要怎么举一反三的应对呢？我们直接打开chrome浏览器的开发者模式，对照上面的区域进行测试和修改。
什么浏览器可以修改html,浏览器 HTML 编辑: （1） | Opera 中国
weixin_33425215的博客
06-03 1039
简述Tim Berners-Lee 1990年创建的第一个浏览器支持所见即所得( WYSIWYG )方式编辑网页。Web 被设计为可读可写的媒介。然而后来的浏览器只能读取网页，只能通过表单控件输入简单的纯文本信息。Internet Explorer 5 又重新开始支持 WYSIWYG 编辑：designMode 属性允许用户修改整个页面。然而此属性没有得到普遍使用，也许是因为它被淹没在一堆 Win...
怎样让网页可编辑？
Eli_Code
08-09 6125
怎样让网页可编辑？ 1.F12打开网页控制台（点击 console） 2.在控制台中输入以下代码： document.body.contentEditable=‘true’ 回车 3.自由编辑网页内容
给html标签添加 contenteditable 属性，可实现页面可编辑的效果
luzhaopan的博客
08-04 3853
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>contenteditable</title> </head> <body> <div contenteditable style="border:1px ...
HTML5 - 使某个页面元素或整个页面可编辑
u014063717的博客
03-17 8555
1，把任何元素的contenteditable属性设置成true，点击即可以编辑该元素的内容 <div id="editableDiv" style="width:240px;height:100px;background-color:#FEFFCE" contenteditable="true"> 你可以编辑这段文本 </div>2，也可以使用js来动态的开启和关闭编辑功能<sc
如何动态修改网页元素的属性？
maxdaic的专栏
04-14 1615
最近遇到一个需求，需要动态修改网页某个元素的属性，具体来说就是灰度值。我用的是uniapp这个框架，一开始我使用百度搜“js 控制style里的数值大小”，然后找到下面这样的解决方案： document.getElementById("resume").style.filter="grayscale(100%)" 但奇怪的是，这个方案在hbuilder的内置浏览器里运行的好好的，一旦运行在真实的手机上，就会报错，错误如下： Cannot read property 'getElementById
如何在浏览器中使页面可编辑
cuk0051的博客
08-25 2248
There is a special and pretty secret mode in browsers, called design mode. 浏览器中有一种特殊且非常秘密的模式，称为设计模式 。 When you set a page into design mode, you can edit the content of the page directly inside the ...
如何让一个元素可编辑
失败者
06-13 1356
在很多时候，我们想让一个元素可编辑，怎么做呢？除了用一个input、textarea标签？这个方法虽然可行，但我有一个更加简单的方法可以让元素可编辑。在html中2个全局属性分别是contentEditable和contenteditable，可以让元素可编辑。可能有人会问了，这2个属性有什么区别呢？我直接告诉你功能上没有区别。是不是开始觉得w3c吃饱了撑着没事做了。当然不是了，要注意下面这点了，...
html元素可编辑
被隐藏的博客
07-04 342
属性加上 contenteditable="true" 例如： <p contenteditable="true">这是一段可编辑的段落，快来尝试编辑该文本吧。</p>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值