前端调取数据后的覆盖使用

最新推荐文章于 2023-02-26 16:55:40 发布

平淡中的乐趣

最新推荐文章于 2023-02-26 16:55:40 发布

阅读量680

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/gghhm/article/details/90450260

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

前端调取数据后的覆盖使用

有时候你在后端数据库中调取了一些相关的数据后，代替原来的数据，我这边就写一个类似的代码展示一下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        ul,li{
            margin:0;
            padding:0;
            list-style:none;
        }
        #ul{
            width:600px;
            margin:300px auto;
            background:goldenrod;
            text-align:center;
        }
    </style>
    <script>
    window.onload=function(){
        var ul = document.getElementById("ul")
        var food =　['唐梅','荔枝','花生','甘蔗']
        food_put = ''
        for(var i=0;i<food.length;i++){
            food_put += "<li>"+food[i]+"</li>"
        }
        ul.innerHTML = food_put
    }
    </script>
</head>
<body>
<ul id="ul">
    <li >哈啊啊啊啊啊啊</li>
</ul>
</body>
</html>

这个代码我只是模拟了一下，具体依情况而定。