如何使用 JavaScript 在正文中创建和附加文本?

-5 javascript

我有以下代码,该代码不起作用,我尝试在正文中创建并附加一些文本。我不知道我错过了什么。

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Number guessing game</title>
</head>

<body>

</body>
<script type="text/javascript">
  var par = document.createElement("p");
  var text = document.createTextNode("fhsgdjrs hgrtsfya");
  par.appendChild(text);
</script>

</html>
Run Code Online (Sandbox Code Playgroud)

use*_*973 5

您需要将变量(其中包含您使用 JavaScript 创建的par元素)附加到正文( HTML 中的标签/ JavaScript 中的代码),如下代码片段所示:<p><body>document.body

var par = document.createElement("p");
var text = document.createTextNode("fhsgdjrs hgrtsfya");
par.appendChild(text);
document.body.appendChild(par);
Run Code Online (Sandbox Code Playgroud)
<head>
  <meta charset="utf-8">
  <title>Number guessing game</title>
</head>
Run Code Online (Sandbox Code Playgroud)

您可以在此页面中找到类似的示例(带有 a <button>)。

这是您的代码,其中添加了代码行 ( document.body.appendChild(par);) 以使其正常工作:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Number guessing game</title>
</head>
<body>
<script type="text/javascript">

var par = document.createElement("p");
var text = document.createTextNode("fhsgdjrs hgrtsfya");
par.appendChild(text);
document.body.appendChild(par);
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

如果您希望输出而不是My first Programfhsgdjrs hgrtsfya那么您必须更改创建文本节点的代码行:

var text = document.createTextNode("fhsgdjrs hgrtsfya");
Run Code Online (Sandbox Code Playgroud)

更改方法内的字符串createTextNode将更改输出:

var text = document.createTextNode("My first Program");
Run Code Online (Sandbox Code Playgroud)

语法是:

document.createTextNode( text )
Run Code Online (Sandbox Code Playgroud)

参数 text (类型string)是必需的,因为它是 Text 节点的文本。