How do I display all the items from a javascript list under each other in a div?
Question
I'm working on a dummy operating-system in HTML. In this operating system there is a program called the Application Manager. A part of that program is to display a list of all the running applications. Here is the code:
var x = activeApps
document.getElementById('openAppsList').innerHTML = x
The problem is, when I do this, the text that shows up on screen is this:
Is there any way that I can show the items under each other, like this:
AppManager
Downloads
myPictures
I'm using vanilla JavaScript on a local Apache Server.
1 answers
solution1
0 ACCPTED 2020-12-21 16:04:20
x = 'AppManager,Downloads,myPictures' document.getElementById('openAppsList').innerHTML = x.replace(/\,/g, '<br/>');
<html> <body><div id="openAppsList"></div> </body> </html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How do I compare two list items against each other in javascript?
How to display a div with items from array in javascript
How do I display the first image from each div with .className?
How do I keep all ul and li's under a parent li:selected, but remove other navigation items
Access all items under specific div in javascript
Display items from list into a div
How do I remove all items in arrayA from arrayB? in javascript
How do I uncheck the other selected list items that was previously select after I click on “Select All”?
How do you clear a list in Javascript, i.e. delete all items in a list with one button click?
In Javascript How do I prevent other functions from being invoked while under the setTimeout duration?
Related Tags