使javascript调用适用于多个div框

时间:2012-05-15 20:14:43

标签: javascript zeroclipboard

我有以下JavaScript代码,这对于div“from”和“copy”非常有用(当用户点击“复制”它来自“from”时)。我正在使用ZeroClipboard。

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

clip.glue('copy');

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

史蒂夫的回答适用于页面上的所有div。假设你有一些你不想复制的div,一个更好的解决方案是:

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

Amd然后使用for来检查结果数组。

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