Dom第三天学习总结

1.    document方法
    write();    向文档中写入内容
    writeln();    换行（但是在html中显示不出换行效果，只是有一个空格）
                是在源代码中换行，与<br/>不一样
    在onclick等事件中写的代码会冲掉页面中的内容，只有在页面加载过程中write才会与原有内容融合在一起,
    比如说在body标签里 用document.write()
    document.write()经常在广告代码、整合资源代码中被使用。
    内容联盟、广告代码、cnzz，不需要被主页面的站长去维护内容，只要被嵌入的js内容提供商修改内容，
    显示的内容就变了

2.    document属性    --是window对象中最复杂的属性
    因为使用window对象成员的时候省略window，所以一般直接写document
    
    获取元素的三种方法
    方法1：getElementById()        页面中的元素id是不重复的
    方法2：getElementsByName()        页面中的元素name是可能重复的，所以返回的可能是对象的集合
    方法3：getElementsByTagName()    获得指定标签名称的元素数组
    
    注意一点：    html中的属性及值为相同的情况 如<input id = "btn" disable = "disable" />
                在JS中做控制的时候使用document.getElementById('btn').disable = true/false;
                html中的属性带- 如background-color
                在JS中要写成 dvObj.style.backgroundColor = 'Yellow';

3.    事件冒泡
    如果元素A嵌套在元素B中，那么A被点击不仅A的onclick事件会被触发，B的onclick事件也会被触发。
    触发的顺序是“由内而外”。
    
    window.event.srcElement 事件源 最先触发该事件的元素
    
    取消事件冒泡：window.event.cancelBubble = true;        IE下写法
    span设置display:block，以后再设置height width才有效
    
4.    事件中的this
    在事件响应函数中使用this获得发生事件的控件，
    在事件响应函数调用的函数中不能使用（这里this表示window对象）
    如果要使用，则要将this传递给函数或者使用event.srcElement
    this和srcElement的语义是不一样的，
    this表示当前监听的这个对象
    event.srcElement是引发事件的对象：事件冒泡
    
5.    动态创建DOM
    document.write只能在页面加载过程中才能动态创建
    document.createElement方法来创建具有指定标签的DOM对象，
    然后通过调用某个元素的appendChild方法将新创建的元素添加到相应的元素下
    removeChild（子元素对象）：删除元素
    //创建元素
    var dvObj = document.createElement('div');
    //把元素添加到body中
    document.body.appendChild(dvObj);
    
    insertBefore（new,参照）：把节点加到前面（插到某个节点前面）
    属性：firstChild lastChild