2020/12/23 DOM选择器

选择器
1：js 如何与html标签建立关系的？ 通过 选择器
2：js 选择器的作用：选中html 元素，对属性进行处理（CURS（增删改查））
3：如何通过class属性获取div标签 document dom对象
打点，调用函数 点左边的全部都是对象。

var wrap = document.getElementsByClassName('wrap')
        console.log(wrap); // 类数组
        console.log(wrap.constructor); // 构造函数是 HTMLCollection
        console.log(wrap.push); // undeifned

类数组下元素有那些内容？`

1：getElementsBytanmane 通过元素标签名字获取 dom元素对象 返回类数组。数组元素为dom对象           参数：字符串：表示元素名字
   var divs = document.getElementsByTagName('div')
   console.log(divs);    //类数组

2：getElementByid 通过id 值获取dom对象 ，返回 html元素对象
   参数字符串 表示id属性的赋值       因为id具有唯一值
var box = document.getElementById('box')
console.dir(box);    //null

getElements……  返回都是类数组    getElement…… 没有s返回dom 对象 

3：querySelector()  返回dom 对象 不是类数组    参数是css选择器
    var box = document.querySelector('.one');
console.log(box);    //null

4：querySelectorAll() 返回的由 dom 对象组成的类数组      参数css选择器
    var divs1 = document.querySelectorAll('.one');
    console.log(divs1); // NodeList

注意选择器的返回值，是类数组 还是dom 元素 选择器作用：选中html，更改属性的赋值。