Javascript 重复的DIV onclick（）_Javascript_Html

Javascript 重复的DIV onclick（）

javascript html

Javascript 重复的DIV onclick（）,javascript,html,Javascript,Html,我试图在单击DIV的内容时重复其内容 <html> <head> <script type="text/javascript" src="javascript.js"></script> </head> <body> <div id="repeatTHIS"> <a>text</a><br> <button id="button" onclic

我试图在单击

DIV的内容时重复其内容
<html>
 <head>
    <script type="text/javascript" src="javascript.js"></script>
 </head>
<body>

<div id="repeatTHIS"> 
   <a>text</a><br>
   <button id="button" onclick="repeat()">text</button><br>
   <a>text</a>
</div>

</body>
</html>

我还想随机定位复制的div，但是我甚至不能让我的div重复
编辑：

这实际上在使用jsiddle时有效，但在使用记事本时则不起作用，因为在该元素存在之前，您正在包括并运行JS<代码>原件

将被取消定义。将脚本移动到HTML下面：

<body> 
  <div id="repeatTHIS"> 
    <button class="button" onclick="repeat()">text</button><br>
    <button class="button" onclick="repeat()">text</button><br>
    <button class="button" onclick="repeat()">text</button>
  </div>

  <script type="text/javascript" src="javascript.js"></script>
</body>


文本

文本

文本

并消除

getElementById（'button'）

调用，因为（a）由于ID必须是唯一的，所以它不起作用，并且（b）由于元素上的单击处理程序，因此它是不必要的

示例：

请做一个演示。还要记住，

id

属性并不意味着重复；它们是元素所特有的。改用

类

。首先理解并接受id应该是唯一的，并且在同一页面上的同一上下文中有重复的id，可能会出现错误和问题。问题是，按id搜索元素时，浏览器会从页面顶部向下移动，搜索id。当它找到响应该id的第一个元素时，它将停止，因此您只需将处理程序附加到第一个按钮。你的html是错误的，用“onlick”代替“onclick”，下面有人回答，但删除了它，我不知道为什么。@Banana-“重复DIV的内容”这几乎不是你期望发生的事情的具体描述。

onlick

？或者

onclick

另外，您可以修改javascript以在window.onload（）上运行。虽然我认为更安全的方法是将引用放在上面所述的底部。@wifibrain是的，如果我自己写这篇文章，我肯定会这样做，但我认为我们应该一次解释一件事：-）首先，感谢大家的回复。将

移动到div下方有效。或者，我尝试将

function repeat（）

更改为

window.onload=function repeat（）

，但没有成功。还尝试了

，但再次失败。

<body> 
  <div id="repeatTHIS"> 
    <button class="button" onclick="repeat()">text</button><br>
    <button class="button" onclick="repeat()">text</button><br>
    <button class="button" onclick="repeat()">text</button>
  </div>

  <script type="text/javascript" src="javascript.js"></script>
</body>