Javascript 使用document.getElementById（'；'；）.innerHTML打印数组会忽略HTML和CSS

当使用

document.getElementById（“”）.innerHTML

从函数打印出一个数组时，它会将整个页面变为白色，而忽略所有我的HTML和CSS

代码如下：

---

这是因为您要在此处覆盖文档（正文）：

let final=title.reduce（（x，y）=>{
文件。写入（x+“
”+y）；
})

使用just，您可以这样做：

let movies=[{片名：“肖申克的救赎”，年份：1994年，导演：“弗兰克·达拉邦特”，片长：“2小时22分钟”，类型：[“犯罪”，“戏剧”]，片长：9.3}，{片名：“教父”，年份：1972年，导演：“弗朗西斯·福特·科波拉”，片长：“2小时55分钟”，片长：[“犯罪”，“戏剧”]，片长：9.2}，{片名：“教父：第二部分”，年份：1974年，导演：“弗朗西斯·福特·科波拉”，片长：“3h 22分钟”，类型：[“犯罪”、“戏剧”]，{片名：“黑暗骑士”，年份：2008年，导演：“克里斯托弗·诺兰”，片长：“2h 32分钟”，类型：[“动作”、“犯罪”、“戏剧”、“惊悚片”]，[片名：“12个愤怒的男人”，年份：1957年，导演：“西德尼·卢米特”，片长：“1h 36分钟”，类型：[“犯罪”、“戏剧”]，片长：8.9分钟，{片名：“辛德勒的名单”，年份：1993年，导演：“史蒂文·斯皮尔伯格”，时长：“3h 15分钟”，类型：[“传记”、“戏剧”、“历史”]，{片名：“低俗小说”，年份：1994年，导演：“昆汀·塔伦蒂诺”，时长：“2h 34分钟”，类型：[“犯罪”、“戏剧”]，时长：8.9}，{片名：“指环王：国王的回归”，年份：2003年，导演：“彼得·杰克逊”，时长：“3h 21分钟”，类型：[“冒险”、“戏剧”、“幻想”]年：1966年，导演：“塞尔吉奥·里昂”，时长：“3小时2分钟”，体裁：[“西部片”，时长：8.9分钟，{标题：“搏击俱乐部”，年：1999年，导演：“大卫·芬奇”，时长：“2小时19分钟”，体裁：[“戏剧”]，时长：8.8分钟，{标题：“指环王：指环王的团契”，年：2001年，导演：“彼得·杰克逊”，时长：“2小时58分钟，类型：[“冒险”、“戏剧”、“幻想”]，比率：8.8}，{标题：“阿甘正传”，年份：1994年，导演：“罗伯特·泽梅基斯”，持续时间：“2小时22分钟”，类型：[“喜剧”、“戏剧”、“浪漫”]，比率：8.8}，{标题：“星球大战：第五集-帝国反击”，年份：1980年，导演：“欧文·克什纳”，持续时间：“2小时4分钟”，类型：[“动作”、“冒险”、“幻想”、“科幻”]，比率：8.8}，{标题：“盗梦空间”，2010年，导演：“克里斯托弗·诺兰”，时长：“2小时28分钟”，类型：[“动作”、“冒险”、“科幻”、“惊悚片”]，费率：8.8}，{标题：“指环王：双塔”，2002年，导演：“彼得·杰克逊”，时长：“2小时59分钟”，类型：[“冒险”、“戏剧”、“幻想”]，费率：8.7}，{标题：《飞越布谷鸟的巢》，年份：1975年，导演：米洛斯·福曼，时长：“2小时13分钟”，类型：[“戏剧”]，时长：8.7分钟，{片名：“好家伙”，年份：1990年，导演：“马丁·斯科塞斯”，时长：“2小时26分钟”，类型：[“犯罪”，“戏剧”]，时长：8.7分钟，{片名：“矩阵”，年份：1999年，导演：“拉娜·瓦乔夫斯基”，时长：“2小时16分钟”，类型：[“动作”，“科幻”]，时长：8.7分钟，{片名：“日本武士，1954年，导演：“黑泽明”，时长：“3小时27分钟”，类型：[“冒险”，“戏剧”]，比率：8.7}，{片名：“星球大战”，年份：1977，导演：“乔治·卢卡斯”，时长：“2小时1分钟”，类型：[“动作”，“冒险”，“幻想”，“科幻”]，比率：8.7}，{片名：“死亡之城”，年份：2002，导演：“费尔南多·梅雷莱斯”，时长：“2小时10分钟”，类型：[“犯罪”，“戏剧”]，比率：8.7}，{片名：“Se7en”，年份：1995，导演：《大卫·芬奇》，时长：“2小时7分钟”，类型：[“犯罪”、“戏剧”、“神秘”、“惊悚片”]，片名：8.6}，{片名：“沉默的羔羊”，年份：1991年，导演：“乔纳森·德姆”，时长：“1小时58分钟”，类型：[“犯罪”、“戏剧”、“惊悚片”]，片名：8.6}，{片名：“这是一段美好的生活”，年份：1946年，导演：“弗兰克·卡普拉”，时长：“2小时10分钟”，类型：[“戏剧”、“家庭”、“幻想”]，比率：8.6}，{标题：“La vitaèbella”，年份：1997年，导演：“Roberto Benigni”，持续时间：“1小时56分钟”，类型：[喜剧”，“戏剧”，“战争]，比率：8.6}，{标题：“通常的嫌疑犯”，年份：1995年，导演：“布莱恩·辛格”，持续时间：“1小时46分钟”，类型：[犯罪”，“戏剧”，“神秘”，“惊悚片]，比率：8.6}，{标题：“莱昂”，年份：1988年，导演：“吕克·贝松”，持续时间：“1小时50分钟”，类型：[“犯罪”、“戏剧”、“惊悚片”]，{片名：“拯救大兵瑞恩”，1998年，导演：“史蒂文·斯皮尔伯格”，片长：“2小时49分钟”，类型：[“戏剧”、“战争”]，片长：8.6}，{片名：“千寻无神风”，2001年，导演：“宫崎骏”，片长：“2小时5分钟”，类型：[“动画”、“冒险”、“家庭”、“幻想”、“神秘”]，片长：8.6}，{片名：“美国历史X”1998年，导演：“托尼·凯”，时长：“1小时59分钟”，类型：[“犯罪”，“戏剧”，比率：8.5}，{片名：'C“era una volta il West”，年份：1968年，导演：“Sergio Leone”，时长：“2小时44分钟”，类型：[“西部”]，比率：8.6}，{片名：“星际”，年份：2014年，导演：“克里斯托弗·诺兰”，时长：“2小时49分钟”，类型：[“冒险”，“戏剧”，“科幻”]，比率：8.6}，{片名：“精神病”年：1960年，导演：“阿尔弗雷德·希区柯克”，时长：“1小时49分钟”，类型：[“恐怖”、“神秘”、“惊悚”]，比率：8.5}，{标题：“绿色英里”，年：1999年，导演：“弗兰克·达拉邦特”，时长：“3小时9分钟”，类型：[“犯罪”、“戏剧”、“幻想”、“神秘”]，比率：8.5}，{标题：“卡萨布兰卡”，年：1942年，导演：“迈克尔·柯蒂斯”，时长：“1小时42分钟”，类型：[“戏剧”、“浪漫”、“战争”]，费率：8.5}，{标题：“城市之光”，年份：1931年，导演：“查尔斯·卓别林”，时长：“1小时27分钟”，类型：[“喜剧”、“戏剧”、“浪漫”]，费率：8.6}，{标题：“不可触摸”，年份：2011年，导演：“奥利维尔·纳卡奇”，时长：“1小时52分钟”，类型：[“传记”、“喜剧”、“戏剧”]，费率：8.6}，{标题：“现代”，年份：1936年，导演：“查尔斯·卓别林”，时长：“1小时27分钟”，类型：[“喜剧”、“戏剧”、“家庭”、“浪漫”]，{片名：《迷失方舟的掠夺者》，年份：1981年，导演：“史蒂文·斯皮尔伯格”，片长：“1小时55分钟”，片子：[动作片”，“冒险”]，片子：8.5}，{片名：“钢琴家”，年份：2002年，导演：“罗马·波兰斯基”，片长：“2小时30分钟”，片子：[传记”，“戏剧”，“音乐”，“战争”]，片子：8.5}，{片名：“逝者”，2006年，导演：Martin Scorsese，“持续时间：“2小时31分钟”，类型：[“犯罪”、“戏剧”、“惊悚片”，比率：8.5}]；
函数列表（）{
const final=movies.reduce（（acc，item）=>acc+item.title+“
”，”）
document.getElementById（“nutts”）.innerHTML=final；
}

#列表{
宽度：75vw；
最小高度：100vh；
背景色
let final = title.reduce((x, y) => {
    document.write(x + "<br/>" + y);


  })