Question

嗨，我们假设我有以下代码：

因此，我没有在添加整个字符串“ Hello World！”，而是想一次添加一个字符串的char。如何访问字符串的字符并创建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

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

3 个答案: