将换行符改为a<；span>；元素使用JavaScript？

我的目标是获取一个数组，并使用一个

元素和一个for循环

.textContent

将每个元素写入HTML页面。唯一的问题不是：

Error1
Error2

我得到：

Error1<br/>Error2<br/>

Error1
Error2

HTML代码：

<p><span id="EBox"></span></p>

JS代码：

var EBox = document.getElementById("EBox");
var eArray = []; //Elements get added via push

for (var i = 0; i < eArray.length; i++) {
    EBox.textContent = EBox.textContent + eArray[i] + '<br/>';
}

var EBox=document.getElementById（“EBox”）；
var-array=[]//通过推送添加元素
对于（变量i=0；i'；
}

---

整个系统都能正常工作，但最终只是一个混乱的句子。我可以更改什么以使其添加换行符？我尝试过

'
'

，

'
'

和

'\n'

的结果类似。

而不是

。textContent

使用

我还建议在使用

.innerHTML

之前先构建一个字符串，这样就不会每次都重建DOM

var EBox = document.getElementById("EBox");
var eArray = []; //Elements get added via push

var html = "";    
for (var i = 0; i < eArray.length; i++) {
    html += eArray[i] + '<br/>';
}
EBox.innerHTML = html;

var EBox=document.getElementById（“EBox”）；
var-array=[]//通过推送添加元素
var html=“”；
对于（变量i=0；i'；
}
EBox.innerHTML=html；

而不是

。textContent

使用

我还建议在使用

.innerHTML

之前先构建一个字符串，这样就不会每次都重建DOM

var EBox = document.getElementById("EBox");
var eArray = []; //Elements get added via push

var html = "";    
for (var i = 0; i < eArray.length; i++) {
    html += eArray[i] + '<br/>';
}
EBox.innerHTML = html;

var EBox=document.getElementById（“EBox”）；
var-array=[]//通过推送添加元素
var html=“”；
对于（变量i=0；i'；
}
EBox.innerHTML=html；

使用

.innerHTML

而不是

.textContent

作为

。textContent

不解析HTML

而只是将其作为文本输出

此外，如果每次都要附加到HTML，最好使用

.insertAdjacentHTML

，因为它不会重新分析以前的HTML，因此比

.innerHTML

更快，更不容易出错

var-strArr=['foo'，'bar']；
strArr.forEach（函数（str）{
document.querySelector（'div'）.insertAdjacentHTML（'beforeend'，str+'
'）；
});
使用
.innerHTML
而不是
.textContent
作为
。textContent
不解析HTML

，只将其作为文本输出

此外，如果每次都要附加到HTML，最好使用
.insertAdjacentHTML
，因为它不会重新分析以前的HTML，因此比
.innerHTML
更快，更不容易出错


var-strArr=['foo'，'bar']；
strArr.forEach（函数（str）{
document.querySelector（'div'）.insertAdjacentHTML（'beforeend'，str+'
'）；
});
请显示您的耳环元素的外观。您不能为此使用
.textContent
，因为这只是没有任何HTML呈现的文本。请显示您的耳环元素的外观。您不能为此使用
.textContent
，因为那只是没有任何HTML呈现的文本。不知道。insertAdjacentHTML-尼斯调用：-）不知道。insertAdjacentHTML-尼斯调用：-）