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 // 上一个兄弟标签元素