javascript - 複数の div ボックスで JavaScript 呼び出しを機能させる

Question

次の JavaScript コードがあります。これは、div の "from" と "copy" でうまく機能します (ユーザーが "copy" をクリックすると、"from" からコピーされます)。私はZeroClipboardを使用しています。

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

clip.glue('copy');

ただし、これを複数の div で機能させたい - 今では最初の div でのみ機能します。私はJSの専門家ではないので、これを行う方法を説明してください. PHP を使用して、div に from1、from2、from3 など、それぞれ copy1、copy2、copy3 という名前を付けます。

score 0 · Accepted Answer

使用var divs = document.getElementsByTagName('div')してから、オブジェクトを反復処理しdivsます。

score 0 · Accepted Answer

スティーブの答えは、ページ上のすべての div で機能します。コピーしたくない div があると仮定すると、より良い解決策は次のようになります。

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

Amd を使用しforて、結果の配列を反復処理します。

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

2 に答える 2