javascript 高级程序设计学习笔记（1）

知识补充：

var box = document.querySelector('#box');

//"beforebegin" ，在当前元素之前插入一个紧邻的同辈元素；
    box.insertAdjacentHTML('beforebegin','<div>beforebegin</div>');
//"afterend" ，在当前元素之后插入一个紧邻的同辈元素。
    box.insertAdjacentHTML('afterend','<div>afterend</div>');
//"beforeend" ，在当前元素之下插入一个新的子元素或在最后一个子元素之后再插入新的子元素；
    box.insertAdjacentHTML('beforeend','<div>beforeend</div>');
//"afterbegin" ，在当前元素之下插入一个新的子元素或在第一个子元素之前再插入新的子元素；
    box.insertAdjacentHTML('afterbegin','<div>afterbegin</div>');
    box.insertAdjacentHTML('afterbegin','<div>afterbegin1</div>');