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] …