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); */
  • 相关阅读:
    未来的计划和考虑
    jquery 常用的方法
    对于页面动态加载的元素事件无效的解决方案
    Myeclipse8.5中svn插件安装方法总结
    JS读RSS
    JAVA的RSS处理
    环境:win7+ie8 IE8的F12不起作用,原因如下:
    关闭和释放JDBC
    关于Eclipse无法生成class文件的问题
    JavaScript跨域总结与解决办法
  • 原文地址:https://www.cnblogs.com/longhs/p/5013313.html
Copyright © 2011-2022 走看看