NodeTypeとnodeNameとnodeValueの違い

ソースをよく見る.コメントに書いてあります.
ソース:

    


    window.onload=function(){
        var div=document.getElementsByTagName("div")[0];//    
        var att=div.getAttributeNode("id");             //      
        var text=div.firstChild;                        

        //     nodeType         nodeType       
        console.log(div.nodeType)//      1
        console.log(att.nodeType)//      2
        console.log(text.nodeType)//      3

        //  nodeName                nodeType       
        console.log(div.nodeName)//      DIV
        console.log(att.nodeName)//      id
        console.log(text.nodeName)//      #text

        //  nodeValue               nodeType       
        console.log(div.nodeValue)//      null
        console.log(att.nodeValue)//      box
        console.log(text.nodeValue)//               

        
    }