JS 操作DOM对象&获取DOM节点

操作DOM对象

DOM：文档对象模型

核心：浏览器网页就是一个DOM树形结构

• 更新 更新DOM节点

• 遍历Dom节点 删除一个Dom节点

• 删除 删除一个Dom节点

• 添加 添加一个新的节点

要操作一个Dom节点，就必须先获得这个Dom节点

获得Dom节点

<div id = "father">
    <h1>标题一</h1>
    <p id = "p1">p1</p>
    <p class = "p2">p2</p>
</div>
<script>
    let a = document.getElementsByTagName('h1');
    let b = document.getElementById('p1');
    let c = document.getElementsByClassName('p2');
    let d = document.getElementById('father');

    let childrens = father.children;  //获取父节点所有的子节点
</script>