この記事では、JavaScriptのLiノード値を動的に変更する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
コードコピーは次のとおりです。
<！doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<title> li </title>の値を変更します
<script type = "text/javascript">
function gel（id）{
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"）。チャイルド;
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>
<body>
<ul id = "ullist">
<li>北京</li>
<li> shanxi </li>
<li>上海</li>
<li> Tianjin </li>
<li> enan </li>
</ul>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。