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