JS Doucment对象方法/获取元素

	<div>hallo1</div>
    <div>hallo2</div>

    <h class="text"></h>

    <form name="login"></form>
    
    <div id="root">hhh</div>

    <div class="nav">nav1</div>
    <div class="nav">nav2</div>

    <script>
        var div1 = document.getElementsByTagName("div")[0]//获取dive元素
        div1.innerHTML = "halloworld"//更改第一个dive内容

        var text = document.getElementsByClassName("text")[0]
        text.innerHTML = "halloword"

        var name = document.getElementsByName("login")
        console.log(name)

        var root = document.getElementById("root")
        console.log(root)
        root.innerHTML = "呵呵"

        var nav = document.querySelector(".nav")//class就加.，id就加#
        console.log(nav)

        var navs = document.querySelectorAll(".nav")//打印全部nav选择器
        console.log(navs)
    </script>