6.javaScript获取标签的方法

获取标签

 <div id="box"></div>
  <div class="c1"></div>
  <div id="warp">
    <p class="c1"></p>
    <p></p>
    <p></p>
  </div>
  <span></span>

1.通过ID获取

//1.通过id获取:唯一的对象
// document当前文档
// getElementById element元素
var box = document.getElementById("box");
console.log(box, typeof box); //typeof类型

2.通过class获取

//2.通过class获取
var a = document.getElementsByClassName('c1')[0];
console.log(a);

3.通过标签名获取

//3.通过标签名,获取标签
var span = document.getElementsByTagName('span');
console.log(span);

4.获取深层的p标签

// 获取深层p标签
var warp = document.getElementById("warp");
var pArray = warp.getElementsByTagName("p");

5.用querySelector和querySelectorAll获取标签

 //加all的为数组
var p= document.querySelectorAll("p");
var box= document.querySelector("#box");
var c1= document.querySelector(".c1");