innerHTML by node id

时间:2012-05-17 13:16:21

标签: javascript

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

1 个答案:

答案 0 :(得分: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'/>​