在容器div中随机显示元素的建议

是通过JavaScript来实现。以下是一个基本的实现思路：

首先，获取容器div和要随机显示的元素列表。
使用JavaScript的Math.random()函数生成一个随机数，范围在0到元素列表长度之间。
使用Math.floor()函数将随机数向下取整，得到一个整数作为随机索引。
根据随机索引从元素列表中获取对应的元素。
将获取到的元素插入到容器div中，可以使用appendChild()函数或者innerHTML属性来实现。
重复步骤2到步骤5，直到达到需要显示的元素数量。

这种方法可以实现在容器div中随机显示元素的效果。可以根据具体需求进行定制和扩展。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>随机显示元素示例</title>
    <style>
        .container {
            width: 200px;
            height: 200px;
            border: 1px solid black;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>
</head>
<body>
    <div class="container" id="container"></div>

    <script>
        // 获取容器div和元素列表
        var container = document.getElementById("container");
        var elements = ["元素1", "元素2", "元素3", "元素4", "元素5"];

        // 随机显示元素的数量
        var displayCount = 3;

        // 随机显示元素
        for (var i = 0; i < displayCount; i++) {
            // 生成随机索引
            var randomIndex = Math.floor(Math.random() * elements.length);

            // 获取随机元素
            var randomElement = elements[randomIndex];

            // 插入元素到容器div中
            container.innerHTML += randomElement + "<br>";

            // 从元素列表中移除已显示的元素
            elements.splice(randomIndex, 1);
        }
    </script>
</body>
</html>

这个示例代码会在一个200x200像素的容器div中随机显示3个元素，每次刷新页面都会得到不同的随机结果。

腾讯云相关产品和产品介绍链接地址：