本文阐述了js实现对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；

单词破解：全部中断；

}

希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。