获得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();