Javascript函数动态生成html元素答案

【问题标题】：Javascript functions to dynamically generate html elementsJavascript函数动态生成html元素
【发布时间】：2015-07-20 06:50:37
【问题描述】：

我有一个包含 Javascript 函数的文件，一个 html 文件。我正在尝试运行 node js 并调用 html 文件中的 Javascript 函数来动态创建句子、段落、按钮等。我已经编写了一些代码，但无法弄清楚它为什么不起作用。下面是一个尝试创建句子的示例：

Javascript 文件

function createSentence (Sentence) {
var para = document.createElement("p");
var node = document.createTextNode(Sentence);
para.appendChild(node);
return para;
}

HTML 文件

<!DOCTYPE html><html><head></script><script type='text/javascript' src='https://3fff7b133eda5c4b3ff4e8218aa7df3f97359aad.googledrive.com/host/0BzXiziikGpV9flRzQkY5VUdkY0g1WjM2aFBrX3U5WmZUU0h2MFVfcnZJNnBhdWowQWVmbVU/createHit.js'></script></head><body>
<div id = "radio_home"></div>
<script language='Javascript'>
document.getElementById("radio_home").appendChild(createSentence(Sentence));
</script></body></html>

html 文件中的“src”包含 Javascript 文件的路径，该文件在 Google 驱动器上公开托管。我希望它在 html 页面呈现时在 div 中显示“radio_home”的位置显示句子，但这不是我所看到的。有人请检查代码并帮助我了解语法吗？

【问题讨论】：

变量Sentence的值是多少
该代码将引发引用错误（对于从主 html 使用的 Sentence）。并且 JavaScript 文件当前无效（因为它缺少大括号）。请阅读错误控制台。
关闭 } 至少缺失
该脚本标签上的language 属性是否有效？我从未见过在其他地方使用过。
您需要在 Javascript 文件的末尾添加一个}。另外，document.getElementById("radio_home").appendChild(createSentence(Sentence));，Sentence 的值是多少？您需要将 String 作为参数传递给函数。您应该尝试类似：document.getElementById("radio_home").appendChild(createSentence("This is a sentence."));。您也应该删除 language 属性。

标签： javascript html function

【解决方案1】：

正如 Abraar Arique 所说。将Sentense 替换为您的文字，例如“这是我的文字。”：

document.getElementById("radio_home").appendChild(createSentence("This is my text."));

language='Javascript' 也是无效的。而是使用：

<script type="text/javascript">

【讨论】：