В этой статье описывается метод динамического изменения значений узлов LI в JavaScript. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Кода -копия выглядит следующим образом:
<! 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 ("input");
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);
this.appendchild (inpt);
// Получите фокус
inpt.focus ();
// Когда управление INPT теряет фокус, вы также должны связать событие и вернуть значение текста в INPT к текущему LI
// Написание inpt.onblur
};
}
}
};
</script>
</head>
<тело>
<ul id = "ullist">
<li> Пекин </li>
<li> Shanxi </li>
<li> Шанхай </li>
<li> tianjin </li>
<li> henan </li>
</ul>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.