时间戳

首页 > 解决方案 > 你好，我想知道如何删除列表的第一个元素

list - 你好，我想知道如何删除列表的第一个元素

问题描述

我已经尝试了很多但没有任何效果，我是新手，我正在学习自己。这就是我所拥有的任何人都可以帮助我吗？

{% 扩展“base.html”%}

{% 块内容 %}

<h1>hello, {{ user.username }}!</h1>
{% for post in posts %}
<hr>


<div> Toegang tot lijst!</div>


<input type='text' id='input' />
<input type='button' value='add to list' id='add' />
<input type='button' value='remove from list' id='verwijder'/>


<hr>

 <script type="text/javascript">
    document.getElementById("add").onclick = function() {
        var text = document.getElementById("input").value; 
        var li = document.createElement("li");
        li.textContent = text
        document.getElementById("lijst").appendChild(li);
        document.getElementById("input").value = ""; // clear the value 
    }
</script>

<center>
    <ul id='lijst' style="list-style-type:none;">
        <li> <b>Volgorde</b></li> 
    </ul>
</center>

<script type="text/javascript">
    document.getElementById("verwijder").onclick = function{
        var list = document.getElementById("lijst");   
        list.removeChild(list.firstChild);
</script>
{% endfor %}

{% 端块 %}

标签： listremovechild

解决方案

你能更具体一点吗？你想删除按钮单击还是？

也许这就是您正在寻找的： [从 <ul> 中删除所有 <li>？

推荐阅读