`

怎样使元素可编辑

JavaScriptHTML 
阅读更多

作者：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>

分享到：
| 如何将Excel和xml文件数据保存到数据库
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js 使FORM表单的所有元素不可编辑的示例代码

    这个函数的逻辑与`disableOcx`相反，它遍历表单元素并将其`disabled`属性设为`false`，从而使所有元素重新变得可编辑。 总结起来，这段代码主要展示了如何通过JavaScript来控制HTML表单元素的可编辑状态，这对于...

    可编辑选项卡TAB

    在IT行业中，尤其是在前端开发领域，可编辑选项卡（flex Tab 可编辑）是一种常见的用户界面元素，它允许用户在选项卡式布局中创建、编辑和管理内容。这种功能极大地提高了用户交互性和用户体验，尤其在处理大量数据...

    实现可编辑的select

    为了提供这种功能，开发者通常会利用JavaScript库来实现可编辑的下拉列表。"实现可编辑的select" 就是这样一种解决方案，它允许用户不仅可以选择已有选项，还能直接输入新的选项并保存。 在提供的压缩包文件中，...

    C#-WPF ListView实现可编辑数据项

    要使ListView的数据项可编辑，我们通常会利用GridView视图模式，因为GridView允许我们创建带有可编辑单元格的表格样式布局。以下是一些关键步骤： 1. **定义DataTemplate**：首先，为ListView创建一个DataTemplate...

    bootstrap插件_table可编辑表格_demo

    在可编辑表格中，我们通常会使用`&lt;td&gt;`（单元格）和`&lt;th&gt;`（表头单元格）元素，通过添加额外的类或者事件监听器来实现编辑功能。 编辑表格的实现通常依赖于JavaScript和CSS，可能涉及到以下技术点： 1. **事件监听...

    html select 可输入 可编辑

    为了实现一个既可输入又可编辑的下拉框效果，开发者通常会采用一些技巧来模拟这种行为。这里，我们将深入探讨如何通过HTML、CSS和JavaScript技术来实现这样一个功能。 首先，我们创建一个基础的HTML结构，包括一个`...

    可编辑修改中国地图PPT模板.pptx

    【可编辑修改中国地图PPT模板】是一款专为制作演示文稿设计的工具，它具有以下关键知识点： 1. **PPT地图**：PPT地图是PowerPoint演示文稿中的一个重要元素，通常用于展示地理位置、区域划分或者数据分析。在这个...

    js+html实现的Table可编辑

    在可编辑的表格中，`&lt;td&gt;`通常会转换成可以输入的`&lt;input&gt;`或`&lt;textarea&gt;`元素。 2. **JavaScript事件处理**：通过JavaScript，我们可以监听用户的点击事件，当用户点击表格单元格时，触发相应的编辑功能。这通常...

    HTML5可编辑Table

    在HTML5中，`&lt;contenteditable&gt;`属性是实现可编辑元素的关键。这个属性可以添加到任何HTML元素上，如`&lt;td&gt;`或`&lt;th&gt;`，使得表格单元格变为可编辑。例如： ```html 这是可编辑的内容 ``` 在这个例子中，"这是...

    combox实现的可编辑下拉框

    本文将深入探讨如何使用JavaScript实现一个可编辑的下拉框，并阐述其核心知识点。 ### 1. 可编辑下拉框的概念 传统的下拉框允许用户从预定义的选项中进行选择，但不支持用户直接在框内输入自定义值。而可编辑...

    vue项目中在可编辑div光标位置插入内容的实现代码

    vue项目中在可编辑div光标位置插入内容 html： ($event, draggable='true' v-for=(item, key=index click=dropRelease($event,&gt; {{item.labelName}} &lt;div cont

    可编辑并且能够自动换行的div

    标题所提到的“可编辑并且能够自动换行的div”，实际上是在讨论如何创建一个具有文本编辑功能的 `div` 元素，并且在用户输入文字时能自动换行，保持其形状不变。这涉及到 HTML、CSS 以及可能的 JavaScript 技术。 ...

    JQuery实现可编辑的表格

    例如，可以使用`.attr()`方法切换`contenteditable`属性，`$('td').attr('contenteditable', 'true')`将使单元格变为可编辑。当用户完成编辑后，我们可以通过`.text()`或`.html()`获取或设置单元格的内容。 3. **...

    javascript可编辑的表格

    10. **无障碍性**：遵循Web Content Accessibility Guidelines (WCAG)，确保表格对辅助技术友好，例如添加合适的ARIA属性，使屏幕阅读器用户也能方便地使用可编辑表格。 总的来说，JavaScript可编辑表格是Web开发中...

    DIV可编辑模式在光标位置插入内容

    `contenteditable`属性是一个布尔值属性，当应用于元素时，使得元素及其所有子元素都成为可编辑的。如果设置为`true`或不设置任何值，元素则变为可编辑；若设置为`false`，则元素不可编辑。例如： ```html 这是一个...

    2019版新元素周期表电子表格格式-可编辑(元素很全-信息很详细-多种分类).xlsx

    2019版新元素周期表电子表格格式-可编辑(元素很全-信息很详细-多种分类)

    js做的可编辑的表格

    要使表格变得可编辑，我们需要利用JavaScript事件监听器，如`click`、`focus`和`change`，来捕捉用户交互并更新表格内容。 1. **事件监听器**：当用户点击单元格时，我们可以添加`click`事件监听器，使单元格进入...

    纯js和html可编辑的table（表格）

    2. **内容编辑**：通过`contentEditable`属性，我们可以使HTML元素变为可编辑状态。在上述示例中，当用户点击单元格时，该单元格的`contentEditable`属性被设置为`true`，允许用户输入或修改内容。 3. **保存编辑**...

    可编辑表格js代码

    为了实现可编辑功能，我们需要对这些元素添加额外的JavaScript事件监听器，如`click`或`focus`，以便在用户点击单元格时使其变为可编辑状态。 JavaScript作为客户端脚本语言，在网页交互中起着至关重要的作用。在这...

Magicbox
Global site tag (gtag.js) - Google Analytics