如何在.innerHTML（for-loop）中迭代字符串的每個字符？

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