DOM 查找标签

1、直接查找

document.getElementById          // 根据ID获取一个标签
document.getElementsByClassName   //根据class属性获取
document.getElementsByTagName     //根据标签名获取标签合集

var ele_p=document.getElementById("p1");   // DOM对象
var ele_c1=document.getElementsByClassName("c2");   // DOM对象的集合
console.log(ele_c1); // [div.c2, div.c2, div.c2, div.c2];

var eles_p=document.getElementsByTagName("p"); // DOM对象的集合
console.log(eles_p) ;// [p#p1,]

2、间接查找

parentElement         // 父节点标签元素
children                 //所有子标签
firstElementChild       // 第一个子标签元素
lastElementChild        // 最后一个子标签元素
nextElementSibling      // 下一个兄弟标签元素
previousElementSibling  // 上一个兄弟标签元素