JavaScript获取属性及属性值

//获取元素的4种方式:
        //通过id name className tagNameh(标签名)获取元素
        //                  返回值
        //id ：id属性值     ele(元素)
        //name： name名称  collection（集合）
        //className：    类名称 collection
        //tagName：  标签名称        collection
        //
        //可以通过上述四个关键字，获取元素的innerHTML，innerText，value（value为表单独有）三个值属性
        //innreHTML和innerText是不同，innerHTML会获取大双标签之间的所有内容，包括其中包括的其他标签，例如span；innerText则只会获取双标签之间的内容，其他标签会自动忽略。
        

        //id
        var divId = document.getElementById("dv");
        console.log(divId.innerText);
        console.log(divId.innerHTML);
        //name
        var divName = document.getElementsByName("dv")[0];
        console.log(divName.innerText);
        console.log(divName.innerHTML);
        //classname
        var divClassName = document.getElementsByClassName("dv")[0];
        console.log(divClassName.innerText);
        console.log(divClassName.innerHTML);
        //tagName
        var divtagName = document.getElementsByTagName("div")[0];
        console.log(divtagName.innerText);
        console.log(divtagName.innerHTML);

        //通过tagName获取表单的value值
        var inputTagName = document.getElementsByTagName("input")[0];
        console.log(inputTagName.value);