程序博客网 > 用流量看淘宝费流量吗?

javascript数字插入

来源：互联网发布：用流量看淘宝费流量吗? 编辑：程序博客网时间：2024/06/08 03:47

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
           li {
               width: 40px;
               height: 40px;
               list-style: none;
               margin: 10px;
               display: inline-block;
               background-color: red;
           }
       </style>
   </head>

   <body>
       <input type="text" id="txt" name="input" placeholder="请输入数值" />
       <input type="button" value="左侧入" id="left_in" onclick="_left_in() " />
       <input type="button" value="右侧入" id="right_in" onclick="_right_in()" />
       <input type="button" value="左侧出" id="left_out" onclick="_left_out()" />
       <input type="button" value="右侧出" id="right_out" onclick="_right_out()" />
       <ul>
           <li>1</li>
           <li>2</li>
           <li>1</li>
           <li>1</li>
           <li>2</li>
       </ul>

</body>

    <script type="text/javascript">
       var data = []; //先定义一个空数组
       /*显示*/
       function showNum(data) {
           var ul = document.getElementsByTagName("ul")[0]; //获取Ul标签的第一个数值
           var _li = ul.getElementsByTagName("li"); //获取ul标签下的li标签
           for(var a = _li.length - 1; a >= 0; a--) {
               ul.removeChild(_li[a]); //循环遍历删除li标签内容
           }
           for(var i = 0; i < data.length; i++) { //循环遍历数组内容
               var newli = document.createElement("li"); //创建新的li标签
               newli.innerHTML = data[i];
               ul.appendChild(newli); //显示出来
           }
       }
       /*左侧进 */
       function _left_in() {
           var num = document.getElementById("txt").value;
           data.unshift(num + ""); //在前面追加一个元素
           showNum(data);

       }
       /*右侧进*/
       function _right_in() {
           var num = document.getElementById("txt").value;
           data.push(num + ""); //在后面追加一个元素
           showNum(data);

       }
       /*左侧出*/
       function _left_out() {
           var num = document.getElementById("txt").value;
           data.shift(num + ""); //在前面减少一个元素
           showNum(data);

       }
       /*右侧出*/
       function _right_out() {
           var num = document.getElementById("txt").value;
           data.pop(num + ""); //在后面减少一个元素
           showNum(data);

       }
   </script>

</html>

效果：

阅读全文

0 0

用流量看淘宝费流量吗?

用流量看淘宝费流量吗?

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子校讯通您身边的教育专家河南校讯通您身边的教育专家校讯通您身边的教育专家登录校讯通-您身边的教育专家家校圈 xxt 世纪伟业校讯通中国移动校讯通河北移动校讯通河北移动校讯通首页怎样开通校讯通同步课堂校讯通如何加入校讯通怎么取消校讯通如何办理校讯通怎样取消校讯通如何开通校讯通移动公司校讯通首页移动校讯通如何取消校讯通业务如何退出校讯通怎么退订校讯通怎样登陆校讯通如何下载校讯通如何登陆校讯通三星移动校讯通江苏和教育校讯通网上家长学校校讯通移动如何取消校讯通下载和教育校讯通校内网上不去了北语校内网浙大校内网龙岩学院校内网河科大校内网湘南学院校内网南师大校内网辽宁医学院校内网哈工大威海校内信息网贺州学院校内网网址南京大学校内网