DOM

JavaScript

DOM对象

含义

	DOM 文档对象模型 document object modle

分类

1.DOM核心

  	a.节点 Node --> (父亲)
  	b.文档 Document
  	c.元素 Element
  	d.属性 Attribute
  	e.文本 Text
  	f.注释 Comment

2.HTMLDom
3.XMLDom

获取Element的对象方法

	1. getElementById("id值")  //通过id获取对象,返回值是唯一的一个对象(id在页面当中唯一)
	2. getElementsByTagName("标签")  //通过标签的名称获取所有的对象,返回的是一个数组.
	3. getElementsByClassName("class值") //通过class属性,获取所有的对象,返回的是一个数组.
	4. getElementsByName("name值") //通过name属性,获取所有的对象,返回的是一个数组(例如:input标签当中name属性)

创建Document的几个对象的方法

	1. createAttribute() //创建属性
	2. createComment() //创建注释
	3. createElement() //创建元素
	4. createTextNode() //创建文本节点

Elemnet元素相关的方法

	1. removeAttribute() //删除属性
	2. setAttribute() //设置属性

Node相关的方法

1.增删改方法

  	a.增 appendChild()  
  	b.删 removeChild()
  	c.改 replaceChild()

2.属性

  	parentNode //返回父节点的对象

a标签的超链接

1.两个效果

  	a.样式
  	b.界面跳转

2.阻止界面跳转的代码

  	javascript:void(0);

HTMLDom

关于 innerHTML 的用法

	A. 设置和获取标签
	B. 控制标签样式

设置样式

A.自己代码设置

  	标签的对象.style. ...

B.用CSS现有的

  	标签的对象.className = CSS的class属性

事件

事件的四个组成部分

	1. 事件 （用户的操作"点击","双击","移动","改变"...）
	2. 事件源（按钮,图片,文本输入框...）
	3. 监听器 （出现操作之后,需要执行的代码）
	4. 注册监听器 （绑定事件源和监听器之间的操作）

常见的事件

1. 点击事件：

   a. onclick：单击事件  //重点 			
   b. ondblclick：双击事件		
   

2. 焦点事件

      a. onblur：失去焦点
      b. onfocus:元素获得焦点。
   

3. 加载事件：

      a. onload：一张页面或一幅图像完成加载。
   

4. 鼠标事件：

      a. onmousedown  鼠标按钮被按下。
      b. onmouseup    鼠标按键被松开。
      c. onmousemove  鼠标被移动。
      d. onmouseover  鼠标移到某元素之上。
      e. onmouseout   鼠标从某元素移开。
   

5. 键盘事件：

      a. onkeydown    某个键盘按键被按下。  
      b. onkeyup      某个键盘按键被松开。
      c. onkeypress   某个键盘按键被按下并松开。
   

6. 选择和改变

      a. onchange 域的内容被改变。
      b. onselect 文本被选中。
   

7. 表单事件：

      a. onsubmit 确认按钮被点击。 //重点（存在返回值,true提交.false不提
      交）
      b. onreset  重置按钮被点击。