本文实例讲述了js实现编辑div节点名称的方法。分享给大家供大家参考。具体实现方法如下:
节点html代码如下:
<div class="img_1" id="img_1" > <input type="image" class="img_1" src="img/cump.png"></input> <div class="noteText" id="noteTxt" type="text" ondblclick ="changeName(this.id);">123</div> </div>
function changeName(noteTxtId){ var noteTxt = document.getElementById(noteTxtId); noteTxt.style.display= "none";//.style.display= "block"var div = noteTxt.parentNode;
if(!document.getElementById("noteInput")){ var text=document.createElement("input"); text.type="text"; text.id="noteInput";
text.style.width=getStyle(noteTxt,'width'); text.style.height=getStyle(noteTxt,'height'); text.style.marginTop=getStyle(noteTxt,'marginTop'); text.style.textAlign=getStyle(noteTxt,'textAlign');
text.value=noteTxt.innerHTML; div.appendChild(text); text.select(); text.onblur=function(){ noteTxt.style.display= "block"; noteTxt.innerHTML=text.value; //text.style.display= "none"; div.removeChild(text); } } }
//获得css文件中的样式 function getStyle(obj, attr) { if(obj.currentStyle) { return obj.currentStyle[attr]; //IE }else{ return getComputedStyle(obj,false)[attr]; //FF } }
css如下:
.img_1 { width: 80px; height:70px; position:absolute; }.noteText { width:80px; height:15px; text-align:center; margin-top:70px; word-break:break-all; }
希望本文所述对大家的javascript程序设计有所帮助。
本文向大家介绍javascript实现节点(div)名称编辑,包括了javascript实现节点(div)名称编辑的使用技巧和注意事项,需要的朋友参考一下 节点html代码如下: js编辑noteTxt文本,function如下: css如下: 代码非常的简单,这里就不多做解释了,下伙伴们可以自由发挥下,使用到自己的项目中去。
本文向大家介绍js实现div弹出层的方法,包括了js实现div弹出层的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现div弹出层的方法。分享给大家供大家参考。具体分析如下: 话说现在各种插件出来了要实现弹出层真是太简单了,但个人有时觉得那些插件不实用经常会找一些纯js原生态的东西,下面来给各位分享一个原生太js div弹出层实例,有需要的朋友可一起看看。 这个不用多说了,直接
本文向大家介绍JS实现DIV容器赋值的方法,包括了JS实现DIV容器赋值的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现DIV容器赋值的方法。分享给大家供大家参考,具体如下: 给某个DIV容器赋值js函数,ajax中使用,支持ie和firefox 其中 id为div的id content:为内容 调用例子: 希望本文所述对大家JavaScript程序设计有所帮助。
本文向大家介绍js实现获取div坐标的方法,包括了js实现获取div坐标的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现获取div坐标的方法。分享给大家供大家参考,具体如下: html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如下方法可以实现: com.whuang.hsj.divCoordinate()方法介绍 功能:返回div坐标; 参数:div对象或d
我在Hadoop权威指南中讨论了高可用性, 在这种情况下,若要从失败的namenode中恢复,管理员将使用其中一个文件系统元数据副本启动一个新的主namenode,并配置Datanode和客户端以使用这个新的namenode。新的namenode无法为请求提供服务,除非它 (i)将其名称空间映像加载到存储器中, 以下是我的问题:- a.)“文件系统元数据副本”是指在NFS中备份文件系统或以辅助名称
4.4 ROS节点名称重名 场景:ROS 中创建的节点是有名称的,C++初始化节点时通过API:ros::init(argc,argv,"xxxx");来定义节点名称,在Python中初始化节点则通过 rospy.init_node("yyyy") 来定义节点名称。在ROS的网络拓扑中,是不可以出现重名的节点的,因为假设可以重名存在,那么调用时会产生混淆,这也就意味着,不可以启动重名节点或者同一个
本文向大家介绍JS实现添加,替换,删除节点元素的方法,包括了JS实现添加,替换,删除节点元素的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现添加,替换,删除节点元素的方法。分享给大家供大家参考,具体如下: 一直以来,对于节点操作比较纠结,特别是插入到某某节点之后.居然没有这个方法,以前的我写的方法有问题,是把新节点插入到旧节点的里面去了,还是该用insertBefore方法可
本文向大家介绍js实现键盘控制DIV移动的方法,包括了js实现键盘控制DIV移动的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现键盘控制DIV移动的方法。分享给大家供大家参考。具体分析如下: css样式部分: js部分: 说明: 上:↑ 下:↓ 左:← 右:→ Ctrl + 1 : 背景变为绿色 Ctrl + 2 : 背景变为黄色 Ctrl + 3 : 背景变为蓝色 Ctrl