获得DOM节点

操作DOM对象(重点)

核心

浏览器网页就是一个Dom树形结构!

• 更新:更新Dom节点
• 遍历dom节点:得到Dom节点
• 删除:删除一个Dom节点
• 添加:添加一个新的节点

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

获得dom节点

//对应css选择器
    let h1 = document.getElementByTagName('h1');
    let p = document.getElementById(`p`);
    let p2 = document.getElementsByClassName('p2');
    let father = document.getElementById(`father`);

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

这是原生代码，之后我们尽量都是用jQuery();