获取元素的方法

// 获取元素有6种方式
// document.write()
// ----------------------
// 获取标签元素,数组集合，如果获取一个元素，需要添加下标
// document.getElementsByTagName(“标签”)[下标]
var a = document.getElementsByTagName(“div”)[1];
// console.log(a);
// --------------------
// 获取id元素，没有获取到元素返回null
// document.getElementById(“id名称”)
var b = document.getElementById(“aaa”);
// console.log(b);
// -------------------
// 获取class元素，数组集合，如果获取一个元素，需要添加下标
// document.getElementsByClassName(“类名”)[下标]
var c = document.getElementsByClassName(“box1”)[1];
// console.log©;
// -----------------------
// 获取属性中name元素，数组集合，如果获取一个元素，需要添加下标
// document.getElementsByName(“属性name名称”)[下标]
var d = document.getElementsByName(“name1”)[1];
// console.log(d);
// ---------------------
// 获取选择器元素，只获取第一个元素
// document.querySelector(“选择器”)
// var e = document.querySelector(“div”);
// var e = document.querySelector(“.box1”);
// var e = document.querySelector(“#ids”);
var e = document.querySelector(“[name=name1]”);
// console.log(e);
// --------------------
// 获取选择器元素,数组集合，如果获取一个元素，需要添加下标
// var f = document.querySelectorAll(“div”)[1];
// var f = document.querySelectorAll(“.box1”);
// var f = document.querySelectorAll(“#ids”);
var f = document.querySelectorAll(“[name=name1]”);
// console.log(f);