如何在innerHTML中附加内容?

时间:2013-04-14 18:52:53

标签: javascript html game-engine

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

我该怎么做?

2 个答案:

答案 0 :(得分:1)

如果你想追加你可以使用:

status.innerHTML += ' what to add';

这在语法上与使用:

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

答案 1 :(得分:-2)

如果使用JQuery,使用append()函数可以很容易地执行此操作。请参阅此链接以获取一些示例:http://api.jquery.com/append/