innerHTML无法正常工作。JavaScript

innerHTML无法正常工作。JavaScript,javascript,Javascript,我正在尝试打印结果,但由于某种原因,innerHTML无法正常工作。有人能看一下吗 不工作 let show = document.querySelector('#show') fetch('/fetchDataAll') .then((resp) => resp.json()) // Transform the data into json .then(function (data) { show.innerHTML = ''

我正在尝试打印结果,但由于某种原因,
innerHTML
无法正常工作。有人能看一下吗

不工作

let show = document.querySelector('#show')

fetch('/fetchDataAll')
        .then((resp) => resp.json()) // Transform the data into json
        .then(function (data) {
            show.innerHTML = ''
            let players = data.result; // Get the results

            let string = players.map(function (player) {

                let colorToChange = "";
                let plusMinusSign = "";
                let colorWhite = "#FFFFFF";


                if (player.scoreChange >= 0) {
                    colorToChange = "#66FF13";
                    plusMinusSign = "+";
                }
                else {
                    colorToChange = "#D0021B";
                    plusMinusSign = "";
                }

                `<p style='color:${colorWhite}'>${player.playerName}</p>
                <p style='color:${colorWhite}'>${player.teamName}</p>
                <h3 style='color:${colorToChange}'>${plusMinusSign} ${player.scoreChange} %</h3>`
            })
                .join('')

            return show.innerHTML += string

        })
        .catch(function (error) {
            console.log(error);
        });
let show=document.querySelector(“#show”)
fetch('/fetchDataAll')
.then((resp)=>resp.json())//将数据转换为json
.then(功能(数据){
show.innerHTML=“”
让players=data.result;//获取结果
让string=players.map(函数(player){
让颜色改变=”;
让plusMinusSign=“”;
让colorWhite=“#FFFFFF”;
如果(player.scoreChange>=0){
colorToChange=“#66FF13”;
plusMinusSign=“+”;
}
否则{
colorToChange=“#D0021B”;
plusMinusSign=“”;
}
`

${player.teamName}

${plusMinusSign}${player.scoreChange}%` }) .加入(“”) 返回show.innerHTML+=string }) .catch(函数(错误){ console.log(错误); });
使用jQuery append()

let show=document.querySelector(“#show”)
fetch('/fetchDataAll')
.then((resp)=>resp.json())//将数据转换为json
.then(功能(数据){
show.innerHTML=“”
让players=data.result;//获取结果
返回玩家。地图(函数(玩家){
让颜色改变=”;
让plusMinusSign=“”;
让colorWhite=“#FFFFFF”;
如果(player.scoreChange>=0){
colorToChange=“#66FF13”;
plusMinusSign=“+”;
}
否则{
colorToChange=“#D0021B”;
plusMinusSign=“”;
}
$(“#show”).append(`p style='color:${colorWhite}'>${player.playerName}

let show=document.querySelector(“#show”)
fetch('/fetchDataAll')
.then((resp)=>resp.json())//将数据转换为json
.then(功能(数据){
show.innerHTML=“”;
让players=data.result;//获取结果
show.innerHTML=players.map(player=>{
让颜色改变=”;
让plusMinusSign=“”;
让colorWhite=“#FFFFFF”;
如果(player.scoreChange>=0){
colorToChange=“#66FF13”;
plusMinusSign=“+”;
}
否则{
colorToChange=“#D0021B”;
plusMinusSign=“”;
}
返回`

${player.playerName}

函数然后(数据){
var show=document.querySelector(“#show”);
show.innerHTML='';
让players=data.result;//获取结果
让string=players.map(函数(player){
让颜色改变=”;
让plusMinusSign=“”;
让colorWhite=“#FFFFFF”;
如果(player.scoreChange>=0){
colorToChange=“#66FF13”;
plusMinusSign=“+”;
}否则{
colorToChange=“#D0021B”;
plusMinusSign=“”;
}
返回`

${player.playerName}