js动态添加页面元素

			//添加属性值的语法
            box.className='box';//添加class
            box.setAttribute("data-id",id);  //添加data属性
            box.innerText=title_text  //添加内容
          	//  。。。。一堆，想加什么就加吧

//封装一个方法，方便调用
function addHtml(title_text,text_txt,imgSrc,id){
            let box =document.createElement('div')
            box.className='box';
            box.setAttribute("data-id",id);

            let box_content =document.createElement('div')
            box_content.className='box_content'

            let img_box =document.createElement('div')
            img_box.className='img_box'
            let img =document.createElement('img')
            img.src=imgSrc

            let text_box =document.createElement('div')
            text_box.className='text_box'
            let title =document.createElement('div')
            title.className='title'
            title.innerText=title_text
            let text =document.createElement('div')
            text.className='text'
            text.innerText=text_txt

            shopList[0].appendChild(box)
            box.appendChild(box_content)
            box_content.appendChild(img_box)
            box_content.appendChild(text_box)

            img_box.appendChild(img)

            text_box.appendChild(title)
            text_box.appendChild(text)



        }

//最后创建的结构
addHtml(title_text,text_txt,imgSrc,id)