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

/*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); */
时间: 2024-10-10 22:16:45

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

用Javascript动态添加删除HTML元素实例 (转载)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>用javascript动态添加删除html元素</title> <script type="text/jav

jQuery添加删除DOM元素

1.添加DOM元素  append   prepend   before  after //append 添加在同级元素的之前  实例: <div class="header"><p>添加节点在同级元素之后</p></div> var pageup = '<strong>append 在同级元素之后</strong><br>';         $('.header').on('click',funct

Angularjs学习笔记2_添加删除DOM元素

1.调用element方法     angular.element(html) 把字符串或dom对象转化成一JQuery对象, angular.element(document.getElementById("control")).append(newHtml); 在id为control<div>元素里内添加新对象,新对象在添加前需$compile编译过 <div ng-controller="c10_1" class="frame&qu

js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

C# 对sharepoint 列表的一些基本操作,包括添加/删除/查询/上传文件给sharepoint list添加数据

转载:http://www.cnblogs.com/kivenhou/archive/2013/02/22/2921954.html 添加sharepoint list数据 ============================================using Microsoft.SharePoint;SPWeb site = SPControl.GetContextWeb(Context); SPListItemCollection items = site.Lists["List

关于父元素,子元素,同级元素的DOM操作技巧

复杂,沉重的web应用在现在是常态,想jquery这样的易于使用的库,跨浏览器的兼容性,各种各样的功能,在操作HTML上非常有帮助.所以难怪很多开发者选择使用这样的库,而不是过去有很多问题原生的DOM API.虽然浏览器的差异仍然是一个问题,今天的DOM是比5年或6年前jQuery刚开始流行时更好. 在这篇文章中,我将讨论和展示一些不同的DOM的功能,可以用来操纵HTML,主要聚焦在父元素,子元素和同级节点的关系上. 在最后还是介绍到浏览器的支持兼容情况.但是有一点需要注意的是像jquery这样

CSS关于子元素设置了float属性后父元素高度为0的解释和解决方法

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8&q

地图篇-04.添加/删除大头针

地图篇-04.添加/删除大头针 博主这几天有点事,没有更新,还望海涵. 上一小节讲到展示地图,在展示地图的过程中,显示用户位置的时候是一个蓝色小圆点,但是朋友们觉得不好看,那弱弱的问一句,能换么? 肯定是能的啦. 1.准备 创建一个新项目,在storyboard中拖一个mapView,两个button,一个添加大头针,一个删除大头针,如下: 拖好了控件之后,简单搞下自动布局,然后把这3个控件拖入viewController.m中,不要忘记导入头文件和导入框架,这个前面讲过,这里不做细讲. 2.添

父元素如何围住浮动子元素

当元素使用float属性,将脱离文档流,因此父元素便不会包围它. <section> <div class="左栏"> 我是左栏 我是左栏 我是左栏 我是左栏 </div> <div class="右栏"> 我是右栏 </div> </section> <footer>我是页脚</footer> CSS样式如下: section{ border: 1px solid #3