初识DOM调用元素

html，head，body 非常规节点

console.log(document.documentElement); // rem 拿到整个html节点
console.log(document.head); // rem 拿到整个head节点
console.log(document.body); // rem 拿到整个body节点

常规节点

ID

document.getElementById("box")
//  ( document.按照ID获取元素（”ID“）)
 //有多个id选择器重名也只会控制第一个

类Class

document.getElementsByClassName("newsitem")
//  ( document.按照类名获取元素（”类名“）)

标签

document.getElementsByTagName("li")
//  ( document.按照标签名字获取元素（”标签“）)

name

var item = document.getElementsByName("username")
//  ( document.按照名字获取元素（”名字“）)
    console.log(item[0]);//注意这是伪数组，取0之后才可以.value
    item[0].value= "kerwin"

querySelector（与css选择器一样）

//querySelector 返回查询选择器第一个对象
    var item = document.querySelector("ul li")
    console.log(item);

querySelectorAll

//querySelectorAll 返回查询选择器全部
    var items = document.querySelectorAll("ul li.sitem")
    console.log(items);