어떻게 innerHTML에 무언가를 추가합니까?

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에 추가하려고합니다.어떻게 innerHTML에 무언가를 추가합니까?

어떻게해야합니까? 당신이 추가하려면

출처

2013-04-14 Little Child

당신은 사용할 수 있습니다 :이 동일

status.innerHTML += ' what to add';

구문 사용으로 : 당신이 JQuery와 사용하는 경우

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

출처

2013-04-14 18:54:38

하지 마십시오. 이것은 그렇게 나쁜 기술입니다. –

@amnotiam 이것이 최선의 해결책은 아니지만 DOM 수정을 사용해야하는 경우 질문에 대한 답변이 제공됩니다. DOM을 수정하려면 현재있는 코드를 다시 작성해야합니다. –

나쁜 습관을 가르치는 것보다 다시 쓰는 것이 낫습니다. 이 텍스트가 짧은 텍스트 일지라도 꽤 무해하지만 다른 상황에서는 끔찍할 수 있습니다. –

-2

를 사용하여이 작업을 수행하는 아주 쉬운 방법이있다 append() 함수. 몇 가지 예를 보려면이 링크를 참조하십시오. http://api.jquery.com/append/

출처

2013-04-14 18:56:50

사용자가 게시 한 코드는 jQuery를 사용하지 않으므로 사용하지 않는 것으로 가정합니다. –

원본 질문에 매우 도움이되는 의견이긴하지만 – Ian

어떻게 innerHTML에 무언가를 추가합니까?

답변

관련 문제