JavaScript 从多个 HTML 元素获取文本内容并合并为单个字符串

这段代码演示了如何使用 JavaScript 从多个 HTML 元素中获取文本内容，并将它们合并为一个单独的字符串。

首先，我们使用 querySelectorAll 方法获取两个元素列表：

1. songlists：包含歌曲名称的列表，使用类选择器 .song_list__txt 获取。
2. songlistss：包含歌曲描述的列表，使用类选择器 .song_list__desc 获取。

然后，我们使用 for 循环遍历这两个列表，并将每个元素的文本内容分别添加到两个数组 songlistText 和 songlistText1 中。

最后，我们使用另一个 for 循环将两个数组的内容合并为一个单一的字符串 allSongLists，并使用 console.log 打印输出。

var songlists = document.querySelectorAll('.song_list__txt');
var songlistText = [];
var songlistss = document.querySelectorAll('.song_list__desc');
var songlistText1 = [];

for (var i = 0; i < songlists.length && i < songlistss.length; i++) {
    songlistText.push(songlists[i].textContent);
    songlistText1.push(songlistss[i].textContent);
}

var allSongLists = '';

for (var j = 0; j < songlistText.length; j++) {
    allSongLists += songlistText[j] + ' ' + songlistText1[j] + '\n';
}

console.log(allSongLists);

这段代码可以帮助你从多个 HTML 元素中提取文本信息，并将其整合到一个统一的文本字符串中，方便你进行进一步处理。