三种创建动态元素的方式
document.write( )
使用时，会覆盖原有页面内容
document.write(‘可显示HTML标签<p>内容</p>’);
element.innerHTML
元素方法调用，如：
box1.innerHTML = arr.join(‘ ');
document.createElement( )
创建HTML中的对应tagName元素，并可以同时设置其文字和属性，如：
var p = document.createElement(‘p’); document.body.appendChild( p ); p.innerText = ‘好天气~’; p.style.color = ‘pink’;
注：如果被插入节点存在于当前文档树中，则该节点会先从原先位置移除后再插入新节点中，如需保留节点，可调用Node.cloneNode方法
