原生js常用的方法（未完待续）

原生js关于DOM的方法：

通过id获取dom元素:

    <div id="demo"></div>
    let boxEle = document.getElementById("demo");

通过类名获取dom元素 返还的是数组！

    <div class="demo"></div>
    let boxEle = document.getElementsByClassName("demo");

通过标签名获取dom，返还的是数组！

    <p>1</p>
    <p>2</p>

    let boxEle = document.getElementsByTagName("p");

通过querySelector获取,获取是拿到的第一个元素

    <div id="demo"></div>
    let boxEle = document.querySelector("#demo");

通过querySelectorAll获取,返还的是数组;

    <div id="demo"></div>
    <div id="demo"></div>
    <div id="demo"></div>
    let boxEle = document.querySelectorAll("#demo");

原生js关于属性的方法：

获取属性的方法：
element.getAttribute(‘属性名’)； //返回指定元素属性名的属性值
element.getAttributeNode(‘属性名’)； //返回指定元素的属性名和属性值
element.attributes[‘属性名’]；//返回指定元素的属性名和属性值

<div id="box" class="demo">
    这是一个段落
</div>
<script>
    var box = document.getElementById("box");
    var attr1 = box.getAttribute('class');
    console.log(attr1);  //demo

    var attr2 = box.getAttributeNode('id');
    console.log(attr2);  //id="box";

    var attr3 = box.attributes['id'];
    console.log(attr3);  //id="box";
</script>

更改属性的方法：

<div id="box" class="demo" color="red">
    这是一个段落
</div>
<script>
    var box = document.getElementById("box");
    box.setAttribute('color', 'blue');  
    //<div id="box" class="demo" color="blue">这是一个段落</div>
</script>

删除属性的方法

<div id="box" class="demo" color="red">
    这是一个段落
</div>
<script>
    var box = document.getElementById("box");
    box.removeAttribute('color');
    //<div id="box" class="demo" >这是一个段落</div>
</script

增加和删除类名：

document.getElementById('demo1').classList.add("active")
document.getElementById('demo1').classList.remove("active")

判断是否含有指定类名：

document.getElementById('demo1').getAttribute("class").includes("active")

数组的常用方法

a.valueof()   //返回数组本身
a.toString()  //返回数组的字符串形式
a.push(value,vlaue....)   //用于在数组的末端添加一个或多个元素，并返回添加新元素后的数组长度。
pop()   //用于删除数组的最后一个元素，并返回该元素
join()  //以参数作为分隔符，将所有数组成员组成一个字符串返回。如果不提供参数，默认用逗号分隔。
concat()  //用于多个数组的合并。它将新数组的成员，添加到原数组的尾部，然后返回一个新数组，原数组不变。
shift()  //用于删除数组的第一个元素，并返回该元素。
unshift(value)  //用于在数组的第一个位置添加元素，并返回添加新元素后的数组长度。
reverse()   //用于颠倒数组中元素的顺序，返回改变后的数组
slice(start_index, upto_index);   //用于提取原数组的一部分，返回一个新数组，原数组不变。第一个参数为起始位置（从0开始），第二个参数为终止位置（但该位置的元素本身不包括在内）。如果省略第二个参数，则一直返回到原数组的最后一个成员。负数表示倒数第几个。
splice(index, count_to_remove, addElement1, addElement2, ...);   //用于删除原数组的一部分成员，并可以在被删除的位置添加入新的数组成员，返回值是被删除的元素。第一个参数是删除的起始位置，第二个参数是被删除的元素个数。如果后面还有更多的参数，则表示这些就是要被插入数组的新元素。
sort()   //对数组成员进行排序，默认是按照字典顺序排序。排序后，原数组将被改变。如果想让sort方法按照自定义方式排序，可以传入一个函数作为参数，表示按照自定义方法进行排序。该函数本身又接受两个参数，表示进行比较的两个元素。如果返回值大于0，表示第一个元素排在第二个元素后面；其他情况下，都是第一个元素排在第二个元素前面。
map()   //对数组的所有成员依次调用一个函数，根据函数结果返回一个新数组。
map(elem,index,arr)   //map方法接受一个函数作为参数。该函数调用时，map方法会将其传入三个参数，分别是当前成员、当前位置和数组本身。
forEach()   //遍历数组的所有成员，执行某种操作,参数是一个函数。它接受三个参数，分别是当前位置的值、当前位置的编号和整个数组。
filter()   //参数是一个函数，所有数组成员依次执行该函数，返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。
some()    //用来判断数组成员是否符合某种条件。接受一个函数作为参数，所有数组成员依次执行该函数，返回一个布尔值。该函数接受三个参数，依次是当前位置的成员、当前位置的序号和整个数组。只要有一个数组成员的返回值是true，则整个some方法的返回值就是true，否则false。
every()   //用来判断数组成员是否符合某种条件。接受一个函数作为参数，所有数组成员依次执行该函数，返回一个布尔值。该函数接受三个参数，依次是当前位置的成员、当前位置的序号和整个数组。所有数组成员的返回值都是true，才返回true，否则false。
reduce()   //依次处理数组的每个成员，最终累计为一个值。从左到右处理（从第一个成员到最后一个成员）
reduceRight()  //依次处理数组的每个成员，最终累计为一个值。从右到左（从最后一个成员到第一个成员）
indexOf(s)   //返回给定元素在数组中第一次出现的位置，如果没有出现则返回-1。可以接受第二个参数，表示搜索的开始位置
lastIndexOf()  //返回给定元素在数组中最后一次出现的位置，如果没有出现则返回-1。