请问这个用什么代码操作出来？

 

<!DOCTYPE html>
<html>
<body>
    <div>
        <p id="demo1">点击按钮来删除列表中的项目1。</p>
        <p id="demo2">点击按钮来删除列表中的项目2。</p>
        <p id="demo3">点击按钮来删除列表中的项目3。</p>
        <button onclick="myFunction()">试一下</button>
    </div>
    <script>
        function myFunction(){
            var list=document.getElementsByTagName("p");
            list[0].parentNode.removeChild(list[0]);
            if(list[0]){
                myFunction();
            }
        }
    </script>
</body>
</html>

第一步：获取所有p元素

第二步：通过parentNode获取第一个p的父元素，调用removeChild()删除第一个p

第三步：判断文档中是否还有p元素，如还有，则自动再次执行该方法进行删除