前端学习 day10 : 节点,事件进阶和解绑,BOM,定时器

1.节点

1.1        什么是节点

//节点主要是添加删除标签的,动态数据渲染
    //节点类型  nodeType :
    //1 元素(标签)  2 属性  3 文本  8 注释  9 文档
    //9 文档
    console.log(document.nodeType);
    var dv = document.getElementById("dv") ;
    //1 元素(标签)
    console.log(dv.nodeType) ;
    var classAttr = dv.getAttributeNode("class") ;
    //2 属性
    console.log(classAttr.nodeType) ;
    
    //第一个子节点
    var textNode = dv.firstChild ;
    console.log(textNode,textNode.nodeType);
    //第一个子元素节点
    var fec = dv.firstElementChild ;
    console.log(fec.nodeType,fec);

    //nodeName : 文档 document, 文本 #text , 元素 大小写标签名 , 属性 属性名
    console.log(document.nodeName);

    //DIV
    console.log(dv.nodeName) ;
    //class
    console.log(classAttr.nodeName) ;
    //#text
    console.log(textNode.nodeName) ;

    //nodeValue : 元素 是undefined或者null , 属性 属性值 , 文本 文本内容
    //null
    console.log(dv.nodeValue);
    //dv1
    console.log(classAttr.nodeValue) ;
    //我是div元素
    con