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); */
  • 相关阅读:
    爬虫工具简单整理
    vue单页面处理SEO问题
    深入浅出MyBatis-快速入门
    js的匿名函数 和普通函数
    Javascript位置 body之前、后执行顺序!
    eclipse中的ctrl+H使用中的问题
    Eclipse中ctrl+shift+r与ctrl+shift+t的区别
    Java 判断字符串是否为空的四种方法、优缺点与注意事项
    eclipse 快捷键
    只缩进新加一段代码的方法
  • 原文地址:https://www.cnblogs.com/longhs/p/5013313.html
Copyright © 2011-2022 走看看