JavaScript HTML DOM随笔

1.通过ID来查找HTML中的元素：
document.getElementById(id); //如果找到元素，将以对象的形式返回，否则返回值为null.
2.通过标签名来查找相应的元素
doucument.getElementById("id").getElementsByTagName("p"); //注：通过标签名来查找元素在 IE 5,6,7中无效。
3.改变HTML输出流
doucument.write(); //该函数可以直接向HTML中输出相应的数据
doucument.getElementById(id).innerHTML = new HTML; //用innerHTML向HTML中填充数据
4.改变HTML元素的额属性
document.getElementById(id).attribute=new
value
Example：document.getElementById(id).sre=
src
5.改变HTML样式
doucument.getElenmentById(id).style.property = property;
Example: doucument.getElenmentById(text).style.font = 12px;
//注：使用 .style.visibility = hidden(visible) 可以控制相应的元素隐藏(显示)
6.鼠标点击事件
<button onClick = "function()" />
7.向元素分配事件
document.getElementById(btn).onClick = function(){}
8.onload 和onunload事件
onload 和onunload事件会在用户进入页面和离开页面时触发
可以用来检测浏览器的版本和类型，并且根据这些信息来加载网页的正确版本，达到防止显示错误的目的。
可以用来检测cookies是否可用
9.onchange事件
通常用来检测用户输入字段，当用户输入完成离开输入框，焦点离开时触发
10.onmouseover和onmouseout事件
在鼠标移动到某个元素和移出某个元素时触发
11.onmousedown、onmouseup 以及 onclick 事件
在鼠标按下，松开，点击时触发
12.onfocus事件
当元素获得焦点时触发
13.创建HTML元素，删除元素等....
首先，你需要获取HTML中已经存在以一个元素，创建元素后将心得元素插入已经存在的元素之中
Example：
var para=document.createElement("p");
var node=document.createTextNode("This is new.");

para.appendChild(node);

var element=document.getElementById("div");

element.appendChild(para);
删除直接调用(要和创建一样先获得元素节点)： element.removeChild(child);