javascript - 使 javascript 调用适用于多个 div 框

Question

我有以下 JavaScript 代码，它适用于“来自”和“复制”的 div（当用户单击“复制”时，它会从“来自”复制）。我正在使用 ZeroClipboard。

clip.addEventListener('mouseDown', function() {
var pre = document.getElementById('from');
clip.setText(pre.innerHTML);
});

clip.glue('copy');

但是，我希望这适用于多个 div - 现在它只适用于第一个。我不是 JS 专家，所以我谦虚地请你解释一下如何做到这一点。我将使用 PHP 将我的 div 分别命名为 from1、from2、from3 等和 copy1、copy2、copy3。

Answer 1

您想使用var divs = document.getElementsByTagName('div')然后迭代divs对象。

Answer 2

史蒂夫的回答将适用于页面上的所有 div。假设您有一些不想复制的 div，更好的解决方案是：

var pre = document.getElementsByClassName('copy');

然后 Amd 使用 afor迭代生成的数组。

for(i=0; i<pre.length; i++){
    clip.setText(pre[i].innerHTML);
}