一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第22天，点击查看活动详情。

DOM

获取DOM元素的方式

• document.getElementById('id名')：根据DOM的id来获取，值为DOM对象；
• document.getElementsByClassName('class名')：根据DOM的class来获取，值为数组；
• document.getElementsByName('name值')：根据name属性来获取，符合条件的所有dom对象组成的类数组；
• document.getElementsByTagName('标签名')：符合条件的所有dom对象组成的类数组；
• document.querySelector('标签名')：通过标签名获取，符合条件的第一个dom对象；
• document.querySelectorAll('标签名')：符合条件的所有dom对象组成的类数组；
• dom.childNodes[0]：获取DOM下的某个子节点；

注：document可以换成dom节点，那么就是搜索范围就是dom节点的子节点内

操作DOM元素的方法

• document.createElement('标签名')：创建一个标签节点，名字随便取，要注意语义化；
• document.createTextNode('文本')： 创建一个文本节点，可用来赋值于标签内，纯文本不同于innerHTML；
• DOM.cloneNode(true)：复制一个节点，连同属性与值都复制，deep为true时，连同后代节点一起复制，不传或者传false，则只复制当前节点；
• document.createDocumentFragment()：类似与虚拟DOM，详情查看；
• DOM.appendChild(新节点)：插入子元素，向尾部插入；
• DOM.insertBefore(新节点, DOM.childNodes[1])：插入子元素，插入的位置取决于第二个参数，在DOM.childNodes[1]之前；
• DOM.removeChild(DOM.childNodes[1])：删除子元素；
• DOM.replaceChild(newDomChild, oldDomChild)：替换子元素；
• DOM.getAttribute('属性名')：获取DOM的属性值；
• document.createAttribute('age') ：创建age属性，可与下面的方法连用，给DOM添加属性；

letA = document.createAttribute('age'); // 创建属性

A.value = '24'; // 给新建的属性赋值

• DOM.setAttributeNode(A)：给DOM添加属性；
• DOM.removeAttribute('属性名')：删除DOM的某个属性；
• DOM.attributes ：将DOM属性生成类数组对象， 键名为index；

总结：

生活是一座奇特的熔炉，一边在造就成才的钢，一边在淘汰无用的渣。

逆境是人生的一面筛子，它挑选出强者，筛下去弱者来，

愚蠢的人总是为昨天悔恨，为明天祈自祷，可惜就少了今天的努力。

要走好明天的路，必须记住昨天的路，思索今天要走的路。