day_04 JS的DOM对象

年年岁岁花相似,岁岁年年人不同.

时间一如既往匆匆地过,而我要做的就只是努力地燃烧自己的生命,做最好的那个........

js的DOM操作

DOM对象的介绍

html文档加载到Browser内存中,形成一个DOM树(之所以把文档抽象成对象的原因是:好操作)

eg.<a href = "href(a的附属节点)">链接(a的子节点)</a>

树上的每一个东西都叫做节点,(Node对象)

进行细分:1.Element对象

 2.Attribute对象

 3.Text对象

DOM的操作方法

1)标签元素操作

获取元素对象:getElementById (因为id唯一,所以获取到的是一个标签对象)

 getElementsByTagName(数组)

 getElementsByClassName(数组)

 getElementsByName(数组)

创建一个新元素(创建出来的元素未加载到DOM树种):createElement()

将元素放在父元素里面:appendChild()

标签的获取/设置: innerHTML(或覆盖之前的内容,可以用作清空) ------后面直接跟内容则是获取/如果后面加"="接内容,则是赋值

2)属性操作

获得标签的属性:getAttribute(name)

设置标签属性:setAttribute(name,value)

删除属性:removeAttribute(name)

注:若单独写函数别再onload里写,,若果非要写,可以定义全局变量接收内部函数

Array对象

注:1.array对象与java中的集合性质很像,可以改变数组长度

     2.元素类型随意

     3.中间可存为undefined

创建方法:new Array(); -----创建空数组

 new Array(size);  ------有长度的数组

 new Array(Ele0,Ele1.....Elen);

以上三种都不常用

var arr = [[1,2,3],["a","b","c"],["hello",399]];  ------常用

Array方法:concat();---链接数组     join();---用"-"连接元素

Date对象

创建方法:var date = new Date(); -----当前时间

 var date = new Date(millisec);------设置毫秒值

常用方法:toString();       toLocalString();

eg.  var date = new Date(); 

var time1 = 24*60*60*1000;

var time2 = date.getTime();

var date2 = new Date(time1+time2);

alert(date2.toLocalString());

Math对象

此类对象可是做静态,直接使用

ceil()   floor()   round()  max(a,b)   min(a,b)   pow(a.b)

String对象

substr(1---开始索引,3---长度);

substring(1---开始索引,3---结束索引);

注:1)对于正则表达式  var reg = /^$/; 不需要加 "  "  解析器会自动解析

     2)this代表当前绑定事件的对象

     3)标签的 id 和绑定事件的方法名不要重复

JS一般思想:  1.绑定事件  2.编写函数  3.获取对象&定义变量  4.调用方法(实现)