DOM 复习

<script>
        /*
        *
        * 复习:
        * DOM:Document Object Model(文档对象模型)
        * DOM作用:操作页面元素的
        * onclick点击
        * onmouseover鼠标进入
        * onmouseout鼠标离开
        * onfocus获取焦点
        * onblur失去焦点
        * 行内元素:src href alt title
        * 表达元素:value,name,selected disabled checked  (true或者false)
        * 操作元素的样式:
        * 对象.style.属性=值
        * 对象.className=值;
        * 图片本身就有width和height========设置值的时候是不需要加style,也不需要加px
        * 如果设置图片的宽和高,通常都使用style.width和style.height====px
        * 为元素添加事件的代码三种写法:
        * <a href="" οnclick="f1()">百度</a> 超链接的点击的时候调用了f1这个函数,这个函数中的this就是window,并不是这个超链接
        * document.getElementById("ak").οnclick=匿名函数,此时是超链接注册点击事件,这个匿名函数本身就是超链接点击事件的,此时这个函数内部的this就是超链接对象
        * document.getElementById("ak").οnclick=命名函数;此时为超链接注册点击事件的时候也是指向了命名函数,此时的这个命名函数中的this就是超链接对象
        * this:事件触发的对象
        * 获取元素的几种方式:
        * 1.document.getElementById("id的值");------>返回的是一个对象(元素)
        * 2.document.getElementsByTagName("标签的名字");----返回的是一个对象(这个对象是一个数组(伪数组));
        * 3.document.getElementsByName("name属性的值");----返回的也是一个数组
        * 4.document.getElementsBYClassName("类样式的名字");---返回的也是一个数组
        *
        *
        * 设置和获取元素的文本内容: innerText,但是在火狐中一般用textContent,但是这个属性在IE8中不支持,兼容问题:
        * 能力检测的代码:主要是判断当前的浏览器是否支持这个属性,如果没有这个属性返回的是undefined,如果有则正常使用
        *
        *
        *
        *
        *
        *
        *
        * */

    </script>