Javaｓｃｒｉｐｔ实现节点（div）名称编辑器

节点HTML代码如下所示：

复制代码代码如下所示：
一百二十三
JS编辑notetxt文本，功能如下：

复制代码代码如下所示：

函数更改名称（notetxtid）{

无功notetxt = document.getelementbyid（notetxtid）；

notetxt。风格。显示为无； / /。风格。显示为块

var div = notetxt.parentnode；

如果（！document.getelementbyid（noteinput ））{

var text = document.createelement（输入）；

文本；

文本。id =noteinput ；

文本。风格。宽度= getstyle（notetxt，'width）；

文本。风格。高度= getstyle（notetxt，'height）；

文本的风格。margintop = getstyle（notetxt，'margintop）；

文本的风格。.TextAlign = getstyle（notetxt，'textalign）；

价值= notetxt.innerhtml文本；

div.appendchild（文本）；

text.select（）；

文本。onblur =函数（）{

notetxt。风格。显示为块；

notetxt .innerHTML = text.value；

样式；

div.removechild（文本）；

}

}

}

在css文件样式中获取

功能getstyle（obj，ATTR）

{

如果（obj。currentstyle）

{

返回的对象。currentstyle {属性}； / / IE

其他{ }

返回getcomputedstyle（obj，false）{属性}； / / FF

}

}
CSS如下：

复制代码代码如下所示：

{。img_1

宽度：80px；

身高：70px；

位置：绝对；

}

{。notetext

宽度：80px；

身高：15px；

文本对齐：中心；

边距：70px；

单词破解：全部中断；

}
代码很简单，这里没有太多的解释，合作伙伴可以自由使用，并在自己的项目中使用它们。