JavaScript 获取歌单名称和描述并一一对应输出

使用 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 += songlists[i].textContent + '\n';
    songlistText1 += songlistss[i].textContent + '\n';
}

console.log(songlistText + songlistText1);

这种方法会将所有歌单的名称和描述拼接成一个字符串，无法实现一一对应。

方法二：使用数组保存每个歌单的名称和描述

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

for (var i = 0; i < songlists.length && i < songlistss.length; i++) {
    var name = songlists[i].textContent;
    var desc = songlistss[i].textContent;
    songlistArr.push({name: name, desc: desc});
}

for (var i = 0; i < songlistArr.length; i++) {
    var name = songlistArr[i].name;
    var desc = songlistArr[i].desc;
    console.log(name + '\n' + desc);
}

通过使用数组保存每个歌单的名称和描述，我们可以实现一一对应输出每个歌单的名称和描述。

总结

本文介绍了两种方法来获取页面中歌单的名称和描述，并通过循环遍历实现一一对应输出。使用数组保存每个歌单的名称和描述可以更加方便地管理和操作歌单信息。