手机
当前位置:查字典教程网 >网页设计 >脚本HTML教程 >直接双击页面元素进行修改的HTML代码
直接双击页面元素进行修改的HTML代码
摘要:直接双击页面元素进行修改的HTML代码functionShowElement(element){varoldhtml=element.inn...

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>直接双击页面元素进行修改的HTML代码</title>
<script type="text/javascript">
function ShowElement(element)
{
    var oldhtml = element.innerHTML;   //获得元素之前的内容
    var newobj = document.createElement('input');   //创建一个input元素
    newobj.type = 'text';   //为newobj元素添加类型
    
    //设置newobj失去焦点的事件
    newobj.onblur = function(){
        element.innerHTML = this.value ? this.value : oldhtml;   //当触发时判断newobj的值是否为空,为空则不修改,并返回oldhtml。
        }
    element.innerHTML = '';   //设置元素内容为空
    element.appendChild(newobj);   //添加子元素
    
    newobj.focus();   //

【直接双击页面元素进行修改的HTML代码】相关文章:

禁止页面缓存的几种方法

正则表达式删除指定的HTML 标签

python使用正则表达式分析网页中的图片并进行替换的方法

用C#过滤HTML代码的函数

PHP分页、防止英文单词被截段、去除HTML代码

网页制作中使用规范的HTML代码的几点

hr 水平线样式示例代码

html页面中常用的一些小方法整理

几个不常用的HTML标记使用方法

仿CSDN Blog返回页面顶部功能实现原理及代码

精品推荐
分类导航