使用JavaScript将数据信息展现到html中

涂鸦战队

于 2024-09-23 14:36:24 发布

阅读量317

点赞数 1

文章标签： javascript html 开发语言

本文链接：https://blog.csdn.net/m0_67484849/article/details/142457669

版权

首先在html中创建一个div

<div id="show"></div>

首先创建一个数据信息（可以是数组，也可以是对象，这里以对象datalist为例），在创建一个空字符串变量，用forEach对datalist进行遍历，其中`<div><div>${e.id}</div><div>${e.name}</div>
</div>`跟在html中的书写相同。用document.getElementById('show').innerHTML 方法在html中显现。

var datastr = ''
        var datalist = storeinit()
        datalist.forEach((e,index) =>{
            datastr += `<div>
                          <div>${e.id}</div>
                          <div>${e.name}</div>
                        </div>`
        })
        document.getElementById('show').innerHTML = datastr