在javascript中使用onclick（）事件创建Html元素
我已经在这方面工作了一个小时，但我仍然无法获得预期的输出。。。我只想使用在javascript中使用onclick（）事件创建Html元素,javascript,html,onclick,Javascript,Html,Onclick,我已经在这方面工作了一个小时，但我仍然无法获得预期的输出。。。我只想使用onclick事件创建一个HTML元素。我能够在加载时创建元素，但发现自己无法处理该事件。请把我引向正确的方向。这是我的HTML页面： <html> <body> <div id="d1"> <p id="p1">Paragraph.</p> </div> <div id="d2">
onclick<html>
<body>
<div id="d1">
<p id="p1">Paragraph.</p>
</div>
<div id="d2">
<label onclick="open()">Inbox</label>
</div>
<script>
function open(){
alert("Start");
var para=document.createElement("p");
var node=document.createTextNode("Text");
para.appendChild(node);
para.style.color="red";
var element=document.getElementById("d2");
element.appendChild(para);
}
</script>
</body>
</html>
段落
收件箱
函数open（）{
警报（“启动”）；
var para=document.createElement（“p”）；
var节点=document.createTextNode（“文本”）；
子节点（节点）段；
para.style.color=“红色”；
var元素=document.getElementById（“d2”）；
要素.附件（第6段）；
}
open（）open1（）<label onclick="create_elem();">Inbox</label>
<script language="javascript">
function create_elem(){
alert("Start");
var para=document.createElement("p");
var node=document.createTextNode("Text");
para.appendChild(node);
para.style.color="red";
var element=document.getElementById("d2");
element.appendChild(para);
}
</script>
收件箱
函数create_elem（）{
警报（“启动”）；
var para=document.createElement（“p”）；
var节点=document.createTextNode（“文本”）；
子节点（节点）段；
para.style.color=“红色”；
var元素=document.getElementById（“d2”）；
要素.附件（第6段）；
}