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);