将 document.write 转换为 getElementById / innerHTML答案

【问题标题】：convert document.write to getElementById / innerHTML将 document.write 转换为 getElementById / innerHTML
【发布时间】：2015-04-14 03:26:05
【问题描述】：

我正在编写一个脚本，当您刷新页面时会随机弹出一个任务。我已经让脚本工作了，但是，当前的脚本将文本放在屏幕的左上角。

如何将我已经拥有的内容转换为 getElementById 和 innerHTML 之类的内容，并在我希望显示文本的 div 中放置一个带有 id="quest_id" 的 span 标签？

我是 javascript 的初学者，我知道如何自己完成大部分这些事情，但是将它们整合在一起让我很头疼。通常我的问题是我还没有完全理解的简单语法。

<script language="JavaScript">



var str = "click to go to the quest";
var quest = str.link("index.html");


var r_text = new Array ();
r_text[0] = "You found a quest! - " + quest;
r_text[1] = " ";
r_text[2] = " ";
r_text[3] = " ";
r_text[4] = " ";
r_text[5] = " ";
r_text[6] = " ";
r_text[7] = " ";
r_text[8] = " ";
r_text[9] = " ";

var i = Math.floor(10*Math.random())

document.write(r_text[i]);

//-->
</script>

【问题讨论】：

你在使用 jQuery 吗？
不，仅限 JavaScript。我还没有学习 jquery

标签： javascript html innerhtml getelementbyid document.write

【解决方案1】：

这里应该可以了，第二个脚本标签将在<body> 之后加载，<div> 将可用。：

var str = "click to go to the quest";
var quest = str.link("index.html");


var r_text = new Array ();
r_text[0] = "You found a quest! - " + quest;
r_text[1] = "1 ";
r_text[2] = " 2";
r_text[3] = " 3";
r_text[4] = " 4";
r_text[5] = " 5";
r_text[6] = " 6";
r_text[7] = " 7";
r_text[8] = " 8";
r_text[9] = " 9";

var i = Math.floor(10*Math.random())

document.write(r_text[i]);


//-->
</script>

<body>
    <div id="display">Here: </div>
</body>

<script language="JavaScript">

document.getElementById("display").innerHTML=r_text[i];
</script>

【讨论】：

我把第一个 document.write 拿出来后，效果很好！谢谢！