Javascript 如何将内容附加到innerHTML？ 功能移动（其中）{ var status=document.querySelector（“状态”）； var img=document.querySelector（“img”）； 开关（何处）{ “北”案： 如果（开始位置>=3）{ 起始位置-=3； status.innerHTML=消息[startingPos]； img.setAttribute（“src”，图像[startingPos]）； }否则{ status.innerHTML=blockedPathMsg[startingPos]； } 打破 “东”案： 如果（启动位置%3！=2）{ 起始位置+=1； status.innerHTML=消息[startingPos]； img.setAttribute（“src”，图像[startingPos]）； }否则{ status.innerHTML=blockedPathMsg[startingPos]； } 打破 “西部”案： 如果（启动位置%3！=0）{ 起始位置-=1； status.innerHTML=消息[startingPos]； img.setAttribute（“src”，图像[startingPos]）； }否则{ status.innerHTML=blockedPathMsg[startingPos]； } 打破 “南方”案： if（startingPos

如果要追加，可以使用：

function move(where){
            var status = document.querySelector("#status");
            var img = document.querySelector("img");

            switch(where){
                case "north":
                    if(startingPos>=3){
                        startingPos -= 3;
                        status.innerHTML = messages[startingPos];
                        img.setAttribute("src",images[startingPos]);
                    }else{
                        status.innerHTML = blockedPathMsg[startingPos];
                    }
                    break;
                case "east":
                    if(startingPos%3!=2){
                        startingPos += 1;
                        status.innerHTML = messages[startingPos];
                        img.setAttribute("src",images[startingPos]);
                    }else{
                        status.innerHTML = blockedPathMsg[startingPos];
                    }
                    break;
                case "west":
                    if(startingPos%3!=0){
                        startingPos -= 1;
                        status.innerHTML = messages[startingPos];
                        img.setAttribute("src",images[startingPos]);
                    }else{
                        status.innerHTML = blockedPathMsg[startingPos];
                    }
                    break;
                case "south":
                    if(startingPos<6){
                        startingPos += 3;
                        status.innerHTML = messages[startingPos];
                        img.setAttribute("src",images[startingPos]);
                    }else{
                        status.innerHTML = blockedPathMsg[startingPos];
                    }
                    break;
                default:
                    status.innerHTML = "I do not know that";
            }
        }  

这在语法上与使用：

status.innerHTML += ' what to add';

---

如果您使用JQuery，那么使用append（）有一种非常简单的方法函数。有关一些示例，请参见此链接：

用户发布的代码没有使用jQuery，因此假设他们没有使用它。虽然这对原始问题是一个非常有用的注释，但请不要使用。这是一种非常糟糕的技术。@amnotiam虽然这不是最佳解决方案，并且应该使用DOM修改，但它没有回答他提出了一个问题。修改DOM需要对当前存在的代码进行大量的重写/更改。重写比教授坏的实践要好。虽然这只是一个简短的文本，是无害的，但在其他情况下可能会很糟糕。

status.innerHTML = status.innerHTML + ' what to add';