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

Question

I have looked for duplicate questions, however many refer to adding data to XML please forgive me if I have missed something here but I need some help 我一直在寻找重复的问题，但是很多人都提到将数据添加到XML中，如果我在这里错过了一些事情，请原谅我，但我需要一些帮助

so far I have this: 到目前为止，我有这个：

html page 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 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 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);
}

When the page loads, 'Admin Control Panel' is written into the fieldset tag but is then replaced by: 'Moderator Control Panel' 页面加载后，“管理控制面板”被写入到字段集标记中，但随后被替换为：“主持人控制面板”

I cannot for the life of me think how to append both lines (and maybe other data as well) into one element 我一生都无法想到如何将这两行（可能还有其他数据）附加到一个元素中

Answer 1

When the page loads, 'Admin Control Panel' is written into the fieldset tag but is then replaced by: 'Moderator Control Panel' 页面加载后，“管理控制面板”被写入到字段集标记中，但随后被替换为：“主持人控制面板”

That can't happen. 那不可能 Admin Control Panel should never appear in the page. 管理员控制面板不应出现在页面中。

script/controlpanelAdmin.js loads. script/controlpanelAdmin.js加载。 It causes a value to be assigned to window.onload . 它导致将一个值分配给window.onload 。
script/controlpanelModerator.js loads. script/controlpanelModerator.js加载。 It causes that value to be overwritten with a new one. 它导致该值被新的值覆盖。
The page finishes loading 页面加载完成
The load event fires 加载事件触发
The function defined in script/controlpanelModerator.js is called 在script/controlpanelModerator.js定义的函数称为

Don't assign values to window.onload . 不要为window.onload赋值。 Use addEventListener instead. 请改用addEventListener 。

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

Answer 2

You've got two onload functions competing. 您有两个onload函数竞争。 Can you merge them into one function? 您可以将它们合并为一个功能吗？

是否可以使用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