div id=mydiv input type=submit value=新歌榜 class=search id=search div div class=div2 div歌手：span id=autherspandiv div歌名：span id=namespandiv div封面：img id=picUrl width=400 h

const mydiv = document.getElementById("mydiv"); const searchBtn = document.getElementById("search"); const auther = document.getElementById("auther"); const name = document.getElementById("name"); const picUrl = document.getElementById("picUrl"); const url = document.getElementById("url");

// 封装一个函数，返回一个Promise对象 function getSongInfo() { return new Promise((resolve, reject) => { // 发送请求获取歌曲信息 // 。。。省略代码 // 假设获取到了以下信息 const song = { auther: "张三", name: "无人之境", picUrl: "http://xxx.com/xxx.jpg", url: "http://xxx.com/xxx.mp3" }; resolve(song); }); }

// 点击按钮时触发事件 searchBtn.addEventListener("click", () => { // 调用函数获取数据 getSongInfo() .then(song => { // 将获取到的数据展示到页面上 auther.innerText = song.auther; name.innerText = song.name; picUrl.src = song.picUrl; url.src = song.url; }) .catch(error => { console.log(error); }); })