zoukankan      html  css  js  c++  java
  • 往一个容器 添加删除子元素演示,和,给数 组添加自定义方法

    /*2015 12 2  往一个容器 添加删除子元素演示*/
     
     
     
     //全局静态变量的写法
    (function(){
        //获取元素对象
        var container = document.getElementById("container");
    
    
        var btnAdd = document.getElementById("btnAdd");
        var btnDel = document.getElementById("btnDel");
    
        //定义数组
        var eleList = new Array();
        var num = 0;
    
        //添加事件监听。
        btnAdd.addEventListener("click",function(){
            //创建一个文本节点
             var ele_text = document.createTextNode("添加新节点");
             
            //创建一个inpu 节点,并设置属性值。
             var ele_input = document.createElement("input");
             ele_input.type = "button";
             ele_input.name = "lhs";
             ele_input.value = "哈哈哈哈呵呵 呵要";
            console.log(ele_input);
    
            //创建一个div
    //         var ele_div = document.createElement("div");
    
            
            eleList[num] = ele_input;
            
            container.appendChild(ele_input);
    
            //新元素上添加子元素。。
    //         container = ele_div;
            num++;
        });
    
    
        //添加事件监听。
        btnDel.addEventListener("click",function(){
            
            if(num>0){
                num--;
                
    //             container = eleList[num-1];
    
                container.removeChild(eleList[num]);
    
            }
    
        });
    
        
    })();
    //给数 组添加自定义方法
    
    Array.prototype.myToUpper=function()
    {
      for (i=0;i<this.length;i++)
      {
          this[i]=this[i].toUpperCase();
      }
    }    
    var myArr = new Array();
    myArr[0] = 'xiaoming';
    myArr[1] = 'zhangfen';
    console.log(myArr[1]);
    myArr.myToUpper();
    console.log(myArr[1]);
    
    
    /* 
    RegExp 修饰符
    修饰符用于执行不区分大小写和全文的搜索。
    i - 修饰符是用来执行不区分大小写的匹配。
    g - 修饰符是用于执行全文的搜索(而不是在找到第一个就停止查找,而是找到所有的匹配)。
    
    
    
    var str="Visit W3CSchool";
    var patt1=/w3cschool/i;
    
    
    var patt1=new RegExp("are");
    var strArr = patt1.exec("The best things in life are free");
    console.log(strArr);
    // alert(strArr); */
  • 相关阅读:
    视频测试序列的下载地址【转】
    RDO、SAD、SATD、λ相关概念【转】
    RGB、YUV和YCbCr介绍【转】
    H.264和HEVC分析软件和工具【转】
    Mysql——Innodb和Myisam概念与数据恢复
    ubuntu个人初始配置记录
    H.264学习笔记6——指数哥伦布编码
    H.264学习笔记5——熵编码之CAVLC
    C/C++语言学习——内存分配管理
    H.264学习笔记4——变换量化
  • 原文地址:https://www.cnblogs.com/longhs/p/5013313.html
Copyright © 2011-2022 走看看