1.掌握html和body标签的两种特殊获取方式(*****)---(重点)
html: document.documentElement
body: document.body
let html = document.documentElement;
console.log(html);
let body = document.body;
console.log(body);
// 之前学习的获取方式
let html = document.getElementsByTagName("html");
console.log(html);
let html = document.querySelector("html");
console.log(html);
let body = document.querySelector("body");
console.log(body);
2.掌握常用的其他获取标签节点的方法(****)
熟练:---(重点)
parentNode-----获取当前标签父级
previousElementSibling---上一个兄弟及标签
nextElementSibling---下一个兄弟及标签
(为了方便观看放在一起,格式一样,值得注意的是获取标签的括号不要忘记添加类名class是. id是#,并且要用引号包裹)
let li = document.querySelector(".li")
console.log(li.parentNode);
let li = document.querySelector(".li")
console.log(li.previousElementSibling);
let list1 = document.querySelector(".list1")
console.log(list1.nextElementSibling)
了解:(用法与上面相同)
firstChild
lastChild