将 document.write 转换为 getElementById / innerHTML

Question

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

如何将已有的内容转换为 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>

Answer 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 转换为 getElementById / innerHTML

convert document.write to getElementById / innerHTML

html

javascript

innerhtml

getelementbyid

document.write