3-3 Dam 树

<!-- DOM是增删改查元素的标准 -->
    <div id="app" class="one">hello</div>
    <div>good</div>
    <p class="one">hello</p>
    <script>
        /* DOM document object model  文档对象模型 */
        /* DOM 树由节点组成 */
        /* 节点的关系：父子 兄弟 */
        /* 1.如何获取节点  id */
        var app = document.getElementById("app")
        /* 2.通过class名获取 tipa：获取的是一个集合（类数组对象） */
        var noe = document.getElementsByClassName("one");
        /* 获取第一个class名的元素 */
        console.log(one[0])
        /* 3.通过标签名 */
        var tags = document.getElementsByTagName("div")
        console.log(tags[1])
        /* 4.通过选择器 */
        var divs =document.querySelectorAll("bady #app")
        console.log(divs[0])