牧羊人nacy
2022-08-04 17:15:14
我有一個(gè)來自我的API的數(shù)組,我想以一種對(duì)用戶更好的方式排列(即,在列中,而不是典型的逗號(hào)分隔的打印數(shù)組)。這是我的JS小提琴,以提供更清晰的圖片:https://jsfiddle.net/2z89owas/我的問題是,我如何才能像)一樣顯示(并保持其狀態(tài)為可迭代數(shù)組,就像它一樣)?output3outputdates
3 回答

蕭十郎
TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊
您可以嘗試映射日期的內(nèi)容,如下所示:
let datesElem = dates.map(date =>`<p>${date}</p>`);
// test: console.log(datesElem)
document.getElementById('output3').innerHTML = datesElem

千巷貓影
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
您可以直接使用聯(lián)接,如下所示:
document.getElementById('output3').innerHTML = dates.join(',');

守著一只汪
TA貢獻(xiàn)1872條經(jīng)驗(yàn) 獲得超4個(gè)贊
首先,您不應(yīng)該對(duì) html 元素使用值??梢允褂?.value 從輸入中提取值。將您的行更改為:
var val = document.getElementById('output2').innerHTML;
之后,您必須以與加入相同的方式進(jìn)行拆分。
var dates3 = val.split('<br>');
document.getElementById('output3').innerHTML = dates3;
添加回答
舉報(bào)
0/150
提交
取消