JavaScript 获取DOM节点

获取DOM节点

  <div id="father">
        <h1>标题1</h1>
        <p id="p1">p1</p>
        <p class="p2">p2</p>
    </div>


    <script>//对应CSS选择器
    //通过标签名，获取节点
    var h1 = document.getElementsByTagName("h1");
    //通过ID获取节点
    var p1 = document.getElementById("p1");
    var father = document.getElementById('father');
    //通过ClassName类获取节点
    var p2 = document.getElementsByClassName("p2");


    var chiledrens=father.children;//获取父节点下面所有的子节点
    //father.firstChild
    //father.lastChild
    </script>