jsDom 选择器

<div class="dome">
    222
</div>

<div id="app">
    <div class="dome">
        111
    </div>
</div>

<div name="dome">
    3333
</div>


 <script>

/* js对象选择器 */

    var app = document.getElementById("app")//获取id为app的div
    var mydiv = document.getElementsByTagName("div")//获取所有的div
    var mydome = document.getElementsByClassName("dome")//获取类名为dome的div
    var dome = document.getElementsByName("dome")//获取Name 为dome的div
    var app1 = app.getElementsByClassName("dome")//过去app下类名为dome 的div
    var app2 = document.querySelector("#app")//过去id为app的div
    var mydiv1 = document.querySelectorAll("div")//获取所有的div
 
    console.log(app.children)//获取app里的子节点
    console.log(app.parentElement)//获取app里的父节点
    console.log(app.nextElementSibling)//获取app下一个兄弟节点
    console.log(app.previousElementSibling)//获取app上一个兄弟节点
</script>