JavaScript 获取网页元素内容并拼接 - 代码示例

以下代码示例展示了如何使用 JavaScript 获取网页中两个元素的内容并进行拼接。

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);
}

for (var j = 0; j < songlistText.length; j++) {
    console.log(songlistText[j] + ' ' + songlistText1[j]);
}

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

console.log(allSongLists);

适用范围：

该方法并非适用于所有网页。其实现依赖于网页中元素的类名和结构。如果不同的网页中的元素类名和结构不同，就需要修改代码来适应不同的网页。

总结：

通过修改代码中的类名和结构选择器，可以将此方法应用于其他网页，但需要根据具体情况进行调整。