时间戳

首页 > 解决方案 > 如何在 div 中显示 javascript 列表中的所有项目？

javascript - 如何在 div 中显示 javascript 列表中的所有项目？

问题描述

我正在开发 HTML 中的虚拟操作系统。在这个操作系统中有一个叫做应用程序管理器的程序。该程序的一部分是显示所有正在运行的应用程序的列表。这是代码：

var x = activeApps
document.getElementById('openAppsList').innerHTML = x

问题是，当我这样做时，屏幕上显示的文本是这样的：

! 应用程序名称的图像连接而不是换行符

有什么方法可以显示彼此下方的项目，如下所示：

AppManager
Downloads
myPictures

我在本地 Apache 服务器上使用 vanilla JavaScript。

标签： javascripthtmlhtml-lists

解决方案

x = 'AppManager,Downloads,myPictures'
document.getElementById('openAppsList').innerHTML = x.replace(/\,/g, '<br/>');
<html>
<body><div id="openAppsList"></div>
</body>
</html>

推荐阅读