innerHTML by node id

Question

在JavaScript中，當我使用getElementById("demo").innerHTML="SOME TEXT";替換id="demo"節點的內容時，我得到一個奇怪的問題，它的效果只持續了幾秒鐘。當我在上面添加相同的警告框時，可以在背景屏幕上看到效果，直到點擊「確定」關閉警報框。有人建議可以解決我怎樣才能讓它保留在那裏沒有得到改變，直到我刷新頁面。）

大家好，我的代碼是一個簡單的排序程序如下：

<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'/>​