如何JSON数据写成UI展现到页面

最新推荐文章于 2024-08-10 07:52:32 发布

是个散人

最新推荐文章于 2024-08-10 07:52:32 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qq_59517599/article/details/118720691

版权

JavaScript JSON DOM操作网页展示数据解析

关键词由CSDN通过智能技术生成

简单的获取data中的JSON数据并用js展示到网页当中

大致的模式代码：

<body>
    <script>
        for (let i=0;i<data.statuses.length;i++){//有多少条微博循环多少次
            //创建一个盒子（装微博中的所有控件）
            var box=document.createElement('div')
            box.className='box'
            document.body.appendChild(box)
            //创建一个图片，把这个图片放到大盒子里(微博用户头像)
            var img=document.createElement('img')
            img.className='img'
            img.src=data.statuses[i].user
            //点赞
            var dianzan=document.createElement('span')
            dianzan.className='dianzan'
            dianzan.innerHTML=`点赞（${}）`
        }
    </script>
</body>