是否可以使用Javascript中的DOM将数据附加到html元素中？

Question

我一直在寻找重复的问题，但是很多人都提到将数据添加到XML中，如果我在这里错过了一些事情，请原谅我，但我需要一些帮助

到目前为止，我有这个：

HTML页面

<!DOCTYPE html>
<html>
<head>
<title>Template</title>
<script type="text/javascript" src="script/controlpanelAdmin.js"></script>
<script type="text/javascript" src="script/controlpanelModerator.js"></script>
<script type="text/javascript" src="script/jquery-1.12.0.js"></script>
<link rel="stylesheet" href="script/css.css" />
</head>
<body>
<fieldset id="control_panel">
<legend>Control Panel</legend>
</fieldset>

<p id="content"> Content </p>

</body>
</html>

controlpanelAdmin.js

window.onload = function() {

var controlpanel = document.getElementById("control_panel");
var para = document.createElement("p");
var att = document.createAttribute("admin");
var br = document.createElement("br");
var txt = document.createTextNode("Admin Control Panel");



controlpanel.appendChild(para);
para.setAttribute("id", att);
para.appendChild(txt);
para.appendChild(br);
}

controlpanelModerator.js

window.onload = function() {

var controlpanel = document.getElementById("control_panel");
var para = document.createElement("p");
var att = document.createAttribute("mod");
var br = document.createElement("br");
var txt = document.createTextNode("Moderator Control Panel");



controlpanel.appendChild(para);
para.setAttribute("id", att);
para.appendChild(txt);
para.appendChild(br);
}

页面加载后，“管理控制面板”被写入到字段集标记中，但随后被替换为：“主持人控制面板”

我一生都无法想到如何将这两行（可能还有其他数据）附加到一个元素中

Answer 1

页面加载后，“管理控制面板”被写入到字段集标记中，但随后被替换为：“主持人控制面板”

那不可能 管理员控制面板不应出现在页面中。

script/controlpanelAdmin.js加载。 它导致将一个值分配给window.onload 。
script/controlpanelModerator.js加载。 它导致该值被新的值覆盖。
页面加载完成
加载事件触发
在script/controlpanelModerator.js定义的函数称为

不要为window.onload赋值。 请改用addEventListener 。

addEventListener("load", function () { ... });

Answer 2

您有两个onload函数竞争。 您可以将它们合并为一个功能吗？

是否可以使用Javascript中的DOM将数据附加到html元素中？

问题描述

2 个解决方案

解决方案1
3 已采纳 2016-02-14 00:51:39

解决方案2
1 2016-02-14 00:51:51

是否可以使用Javascript中的DOM将数据附加到html元素中？

问题描述

2 个解决方案

解决方案1 3 已采纳 2016-02-14 00:51:39

解决方案2 1 2016-02-14 00:51:51

解决方案1
3 已采纳 2016-02-14 00:51:39

解决方案2
1 2016-02-14 00:51:51