Heim > Fragen und Antworten > Hauptteil
<!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>
Der letzte Satz oUl.insertBefore(oLi,oLi[0]); Warum funktioniert es nicht, wenn ich mich für das Einfügen bei oLi[0] entscheide? Anstatt bei jedem Klick ein li zu erstellen und es dann vor dem 0. Index einzufügen, sollte das kein Problem sein
高洛峰2017-06-17 09:18:50
node.insertBefore(newnode,existingnode);
第2个参数表示在这个节点前插入newnode,如果为null或未定义,那么insertBefore方法会将newnode添加到尾部,和appendChild效果相同
oLi[0]值为undefined