2012-05-17 3 views
0

자바 스크립트에서 id="demo" 노드의 내용을 getElementById("demo").innerHTML="SOME TEXT";을 사용하여 바꿀 때 나는 그 효과가 단지 몇 초 동안 지속된다는 이상한 문제가 발생합니다. 위와 함께 경고 상자를 추가하면 '확인'을 클릭하여 경고 상자를 닫을 때까지 배경 화면에 효과를 볼 수 있습니다. 누군가가 내가 내가 페이지를 새로 고침 전까지 변경받지 않고 남아 만들 수있는 방법에 대한 해결책을 제안 할 수 있습니다 ..) 다음과 같이노드 ID로 innerHTML

안녕 모두, 내 코드는 간단한 정렬 프로그램입니다 :

<script type="text/javascript"> 
var num=new Array(12,5,8,23,1); 
var len; 
function sort(){ 
len= num.length; 
for(i=0; i<len-1; i++){ 
    for(j=0; j<len-i; j++){ 
    if(num[j]>num[j+1]){ 
    var tem=num[j]; 
    num[j]= num[j+1]; 
    num[j+1]= tem; 
    }  
} 
} 
var x=document.getElementById("demo"); 
x.innerHTML=num; 
alert(num); 
} 
</script>                       <form> 
     <p id="demo">Click the button</p> 
     <input type="submit" onclick="sort();" value="Click"></input> 
    </form> 
+1

당신이 코드의 일부를 공유 할 수있다? –

+0

"return false; 당신의 기능이 끝났을 때. –

+0

변경 사항을 적용한 후 코드의 다른 부분이 주어진 요소의 innerHTML 속성을 변경하고 있습니다. 관련 코드를 공유 할 수 있습니까? –

답변

0

확인이 링크 친구 http://jsfiddle.net/QXe7K/1/

코드가

<script type="text/javascript"> 
function changeText2(){ 
    var userInput = document.getElementById('userInput').value; 
    document.getElementById('boldStuff2').innerHTML = userInput; 
} 
</script> 
<p>Welcome to the site <b id='boldStuff2'>dude</b> </p> 
<input type='text' id='userInput' value='Enter Text Here' /> 
<input type='button' onclick='changeText2()' value='Change Text'/>​