//添加属性值的语法
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)