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；
单词破解：全部中断；
}
代码很简单，这里没有太多的解释，合作伙伴可以自由使用，并在自己的项目中使用它们。