innerHTML по идентификатору узла

Question

В javascript, когда я заменяю содержимое узла id="demo" с помощью getElementById("demo").innerHTML="SOME TEXT";, я получаю странную проблему, что его действие длится всего несколько секунд. Когда я добавляю окно предупреждения для этого же, как и выше, эффект можно увидеть на фоновом экране до тех пор, пока он не будет закрыт, нажав «ОК». Может кто-то предложить решение Как я могу сделать это оставаться там без того, чтобы изменилось, пока я обновить страницу ..)

Привет всем, мой код простая программа сортировки следующим образом:

<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> 

Answer 1

проверить это ссылка чувак 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'/>​