[object HTMLDivElement] 创建dom报与 innerHTML appendChild使用

在创建DOM , 插入DOM报错，其实是一种错误的写法 。

错误演示

			var a = document.createElement('div') //**创建DOM*//
			a.innerText = '123'
			// document.body.appendChild(a) //正常使用不报错
			document.body.innerHTML= a    	//错误使用报错  页面显示  [object HTMLDivElement]

正确使用
innerHTML 插入的是模版字符串 （推荐使用更灵活）
appendChild 插入的是标签对象

			var b  = `<div>2222</div>`
			document.getElementById('body').innerHTML = b
			
			//innerHTML  删除父元素里面内容，然后重新写入
			
			var a = document.createElement('div') //**创建DOM*//
			a.innerText = '123'
			document.body.appendChild(a)
			//appendChild 不会影响其他item，在后面添加item，这样刷新的内容就是添加的内容