이 기사에서는 JavaScript에서 Li 노드 값을 동적으로 수정하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text/html; charset = utf-8"/>
<title> Li </title>의 값을 수정하십시오
<script type = "text/javaScript">
기능 젤 (ID) {
return document.getElementById (id);
}
// 글로벌 입력 입력 제어
var inpt = document.createElement ( "입력");
inpt.setattribute ( "type", "text");
inpt.onblur = function () {
// alert ( "tet");
this.parentElement.innerhtml = inpt.Value;
};
Window.onload = function () {
var lis = gel ( "ullist"). childnodes;
for (var i = 0; i <lis.length; i ++) {
if (lis [i] .nodeType == 1) {
lis [i] .OndBlClick = function () {
// 텍스트를 삭제합니다
inpt.value = this.innerhtml;
this.removechild (this.firstchild);
이. AppendChild (inpt);
// 집중하십시오
inpt.focus ();
// inpt 컨트롤이 초점을 잃으면 이벤트를 바인딩하고 inpt의 텍스트 값을 현재 Li로 반환해야합니다.
// inpt.onblur 작성
};
}
}
};
</스크립트>
</head>
<body>
<ul id = "ullist">
<li> 베이징 </li>
<li> Shanxi </li>
<li> 상하이 </li>
<li> Tianjin </li>
<li> Henan </li>
</ul>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.