<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>
模拟一个队列,队列的每个元素是一个数字,初始队列为空 有一个input输入框,以及4个操作按钮点击队列中任何一个元素,则该元素会被从队列中删除 点击"左侧入",将input中输入的数字从左侧插入
最新推荐文章于 2022-10-16 23:30:23 发布