小编Kat*_*lds的帖子

Javascript:在循环中将文字 HTML 结果加在一起

JS 新手。我能找到的所有标题与我的标题相似的问题都太复杂了,我无法理解。

简单地说,我试图遍历一个数组并在最后返回一个结果,该结果基本上将数组的所有值添加/连接在一起。

但是,我似乎无法让它工作,因为数组中的项目是 HTML 代码块,而不是简单的字符串或数字。这是一个简化版。

HTML:

<article class="wrapper"><p>Some text 1.</p></article>
<article>No class.</article>
<article class="wrapper"><p>Some text 2.</p></article>
<article>No class.</article>
<article class="wrapper"><p>Some text 3.</p></article>
Run Code Online (Sandbox Code Playgroud)

我试图找出一种方法来结束这段代码的模板文字:

<article class="wrapper"><p>Some text 1.</p></article>
<article class="wrapper"><p>Some text 2.</p></article>
<article class="wrapper"><p>Some text 3.</p></article>
Run Code Online (Sandbox Code Playgroud)

这样我就可以将整个内容作为另一个页面上另一个元素的 innerHTML 注入。

从这个JS开始:

articleArray = document.querySelectorAll('.wrapper').outerHTML;
console.log(articleArray)
// This will return an array with the full HTML of the 3 "wrapper" articles as each item
Run Code Online (Sandbox Code Playgroud)

然后尝试创建一个循环,该循环将在第一个循环中获取第 1 项的完整 HTML,并将其设置为类似于累加器值的内容。然后在第二个循环中,它将获取第 2 项的完整 HTML 并将其直接连接到第 1 项,这将是新的累加器值。等等。

对于我在现实生活中应用它的内容,我有超过 3 个项目,否则我可以做一些类似 articleArray[0] + articleArray[1] + articleArray[2] …

javascript reduce template-literals

5
推荐指数
1
解决办法
132
查看次数

标签 统计

javascript ×1

reduce ×1

template-literals ×1