Как перебрать каждый символ строки в .innerHTML (цикл for)?

Question

Привет, давайте предположим, что у меня есть следующий код:

var information_paragraph = document.getElementById(myDivElement);
var infoText = "Hello World!";
information_paragraph.innerHTML = infoText;

Поэтому вместо добавления всей строки «Hello World!» Я подумал, можно ли добавить символ этой строки по одному. Как получить доступ к символам строки и создать цикл for для добавления содержимого в innerHTML вместо его замены?

Answer 1

Преобразовать строку в массив и повторить?

document.getElementById('block').innerHTML.split('').forEach(function(i){
  console.log(i);
});

<div id="block">Text</div>

Answer 2

Я думаю, что вы хотите, чтобы использовать строку в качестве массива и добавить его к внутреннему HTML если вы все это исправите, удалите "</br>"+

var information_paragraph = document.getElementById("myDivElement");
var infoText = "Hello World!";
for(i = 0; i < infoText.length; i++)
information_paragraph.innerHTML += "<br/>"+infoText[i];

<div id="myDivElement">
</div>

Answer 3

Я думаю, может эта работа

const  information_paragraph = 
document.getElementById('myDivElement');
let  infoText = "Hello World!"; 
let infoTextLetters ;
for(i in infoText){
  infoTextLetters +=  `
   <br> ${infoText[i]} ` ;

information_paragraph.innerHTML = infoTextLetters