• 往一个容器 添加删除子元素演示,和,给数 组添加自定义方法


    /*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); */
  • 相关阅读:
    基于php缓存的详解
    Nginx 的 Location 配置指令块
    Nginx负载均衡与反向代理的配置实例
    Linux下mysql定时备份及恢复
    KVO的底层实现
    小谈KVC中KeyPath的集合运算符
    iOS开发中常用的单例
    内存中的5大区域
    需要记住的几个ASCII码
    结构体-内存对齐
  • 原文地址:https://www.cnblogs.com/longhs/p/5013313.html
Copyright © 2020-2023  润新知