模拟一个队列，队列的每个元素是一个数字，初始队列为空有一个input输入框，以及4个操作按钮点击队列中任何一个元素，则该元素会被从队列中删除点击"左侧入"，将input中输入的数字从左侧插入_模拟一个队列,队列的每个元素是一个数字,初始队列为空,有一个input-CSDN博客

本文链接：https://blog.csdn.net/Zhou_2958/article/details/80932620

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        td{
            width: 20px;
            border: solid 2px red;
            padding: 10px;
        }
    </style>
</head>
<body>
<input type="number" id="in">
<button id="bt1" οnclick="click1()">左侧入</button>
<button id="bt2" οnclick="click2()">右侧入</button>
<button id="bt3" οnclick="click3()">左侧出</button>
<button id="bt4" οnclick="click4()">右侧出</button>
<table>
    <tr id="only">
        <script>
            function click1(){
                var val=document.getElementById("in").value
                if(document.getElementsByTagName("td").length==0){
                    document.getElementById("only").appendChild(document.createElement("td"))
                    document.getElementsByTagName("td")[0].innerHTML=val
                }else {
                    document.getElementById("only").appendChild(document.createElement("td"))
                    var tds=document.getElementsByTagName("td")
                    for(var i=tds.length-2;i>=0;i--){
                        tds[i+1].innerHTML=tds[i].innerText
                    }
                    tds[0].innerHTML=val
                }
            }
            function click2(){
                document.getElementById("only").appendChild(document.createElement("td"))
                var val=document.getElementById("in").value
                var tds=document.getElementsByTagName("td")
                tds[tds.length-1].innerHTML=val
            }
            function click3(){
                var tds=document.getElementsByTagName("td")
                tds[0].remove()
            }
            function click4(){
                var tds=document.getElementsByTagName("td")
                tds[tds.length-1].remove()
            }
        </script>
    </tr>
</table>
</body>
</html>