js第四天总结

History 历史记录
navigator 浏览器信息
Location 访问地址

getFullYear()   用的比较多的获取年的方法

Dom  
    直接获取节点
    1, 节点 getElementByID  通过ID直接获得一个节点的对象、
    2，getElementsByName  通过name获得一个对象数组  Div 里Ie 不支持
    3.getElementsByTagName 通过标签名获取 对象数组
    4.  getElementsByClassName  通过类名获得一个对象数组  火狐不支持  了解即可



间接获得节点  
    浏览器有差异性的：
    childNodes   通过父节点获得一组子节点对象  ie 正常人  火狐 获得标签对象和空文本对象

    firstChild   获得第一个子节点对象   ie 正常人   火狐   获得的是第一个空文本对象
    lastChild    获得最后一个子节点   ie 正常人   火狐   获得的是最后一个空文本对象

    nextSibling  下一个兄弟节点    ie 正常人   火狐   获得的是下一个空文本对象
    previousSibling  上一个兄弟节点  ie 正常人   火狐   获得的是上一个空文本对象

    浏览器没有差异性的：
    parentNode

节点属性      //元素节点   nodeName  标签名   nodeType 1  nodeValue  null
            //属性节点   nodeName  属性名   nodeType 2  nodeValue  属性值
            //文本节点   nodeName  #text   nodeType 3  nodeValue  文本的值

Attr  setAttribute()  和直接点设置属性方式效果相同
      getAttribute()  和直接取属性方式效果相同



dom层次结构操作
    document.creatElement()    创建节点元素  
    parentNode.appendChild()   给父节点的最后添加一个子节点
    parentNode.insertBefore(newObj,oldObj)  在旧节点前添加一个新的节点
    parentNode.replaceChild (newObj,oldObj)       将旧节点替换成新节点
    parentNode.removeChild(obj)   将obj从父节点中移除

克隆    cloneNode() true  深度克隆  为false 浅度克隆
操作css   直接.style.属性

  //函数中的中间变量  只有在运行的时候才去找值   定义时候 只起一个占位作用  跟this
                    //alert(childs);
                    //alert(i);
//                    childs[i].style.backgroundColor="red";   不行
                    this.style.backgroundColor="red";//谁调用我 我就指向谁  这里是 每个标签对象进行调用  指向标签对象




appendChild  直接对table 使用的时候 加在tbody 外面  ie 并不认识


cells 这个属性获得列的数组对象  要用trobj进行调用

rows 获得行的数组对象  tableobj  调用

 //createCaption()  创建表头


表格的方法   deleteRow(idx)   删除idx所在的行


复选框被选中   checked = true  直接在标签里可以直接写checked    

全选  反选   全不选