javascript - 将 document.write 转换为 getElementById/innerHTML

标签 javascript html innerhtml getelementbyid document.write

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

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

最佳答案

在这里,这应该可以工作,第二个脚本标记将在<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>

关于javascript - 将 document.write 转换为 getElementById/innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29618640/

相关文章:

javascript - 在 React/Next.js TypeScript 项目中找不到名称 "offsetHeight"或 "clientHeight"

javascript - 通过 html 将多维键控数组传递到 javascript

html - SVG 中的动态注释

javascript - 为什么使用 element.innerHTML 后事件监听器会停止工作?

javascript - 将 Javascript 对象添加到 innerHTML 中

javascript - PHP 与 jQuery : how to do it in this case

javascript - 如何在公共(public)标题下嵌套组件

javascript - 在 Cognos Report Studio 上通过 HTML/javascript/php 运行 .vbs 脚本

javascript - JSON stringify 在从 Dreamweaver 预览时有效,但在创建应用程序时不能从 .AIR 文件预览

javascript - innerHtml 和 innerText 破坏 Internet Explorer 中的选项卡