SetAttribute()、appendChild（）、ins

js无非就是获取元素的属性和节点,比如获取元素的属性如src、class、value、id等，最多使用的就是SetAttribute()方法。SetAttribute()方法中有两个参数SetAttribute(‘属性’，‘属性内容’)

最多的使用场景就是更改图片了，在用SetAttribute（）之前，我主要以通过设置背景图片，然后利用节点找到元素的CSS进行背景图片的路径操作。一顿操作下来的代码大概是这样的：

不仅仅代码多，还要设背景图片，不够方便，而用SetAttribute（）方法代码操作起来就方便许多，直接更改img标签中的src属性即可，也不用在给他写单独的背景图片CSS样式

appendChild（）和insertBefore（）是两个添加节点的方法，用于创建新的节点，然后给添加进html时使用，这就涉及添加元素的四要素：
1.创建想要添加的新标签节点（以p标签为例）let newelment = document.createElement('p');
2.给p标签里添加内容节点  let node = document.createTextNode('这是一个新的段落');
3.将内容节点添加到新的标签节点中  newelment.appendChild(node);
4.最后把新的标签节点利用appendChild（）、insertBefore（）两个方法添加到HTML中

appendChild（）方法是将新节点添加到后方 document.querySelector('.done-list').appendChild(newelment) 将新元素添加到done-list类后面
insertBefore（）是添加到前方，有俩参数（‘新的节点’，‘旧节点’）新节点就在旧节点的上方