<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input id="wb" type="text" />
<input id="an" type="button" value="按钮" />
<ul id="ul1">
</ul>
<script>
window.onload=function()
{
var oWb = document.getElementById("wb");
var btn = document.getElementById("an");
var oUl = document.getElementById("ul1");
btn.onclick=function()
{
var oLi = document.createElement("li");
oLi.innerHTML = oWb.value;
oUl.insertBefore(oLi,oLi[0]);
}
}
</script>
</body>
</html>
私はそれぞれのクリックを挿入したいと思いますが、liの前に挿入して、次にoUl.insertBefore(oLi、oLi [0]); oLi [0]に挿入することを選ぶ理由は何ですか?すべてのクリックでliを作成するのではなく、最初の0をこのインデックスに挿入しても問題ありません。新しく作成された子ノードが無効になる前に挿入されていますか?
'oLi'はあなたが作成したばかりのリスト項目です。 'oLi [0]'にアクセスしようとすると意味がありません。リストの最初の子を参照するだけの場合は、それを実行してください。 'oUl.firstChild' – CBroe
@CBroe彼が聞いたことを翻訳してください。 – Sagar