JS_DOM操作之查找标签

1 - 直接查找标签

// 方式1：获取元素
document.getElementsByTagName("标签名")

document.getElementById("id值")

document.getElementsByClassName("类名")


// 方式2：css选择器： 
document.querySelector("css选择器")     //  根据css选择符来获取查找到的第一个元素，返回标签对象（dom对象）
document.querySelectorAll("css选择器"); // 根据css选择符来获取查找到的所有元素,返回数组

 

2 - 导航查找标签

elementNode.parentElement           // 父节点标签元素

elementNode.children                // 所有子标签

elementNode.firstElementChild       // 第一个子标签元素

elementNode.lastElementChild        // 最后一个子标签元素

elementNode.nextElementtSibling     // 下一个兄弟标签元素

elementNode.previousElementSibling  // 上一个兄弟标签元素