<!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>La dernière phrase oUl.insertBefore(oLi,oLi[0]); Pourquoi cela ne fonctionne-t-il pas lorsque je choisis d'insérer à oLi[0] ? Je veux que chaque clic soit inséré au premier plan ? Au lieu de créer un li à chaque fois que vous cliquez, puis de l'insérer avant le 0ème index, cela ne devrait poser aucun problème
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Le deuxième paramètre indique l'insertion d'un nouveau nœud avant ce nœud. S'il est nul ou non défini, la méthode insertBefore ajoutera un nouveau nœud à la fin, ce qui a le même effet que appendChild