克隆图像对象并附加

z0qdvdin 于 2021-09-13 发布在 Java

关注(0)|答案(1)|浏览(353)

我有一个image变量，我想把它附加到3个不同的div中。我尝试将.clonenode（true）添加到对象的末尾，但没有成功。不断发生的事情是，它会转到最后一个append语句调用它的div，因为只有一个变量。我尽量避免使用多个变量，因为这只是我代码的一个小规模版本。

const div1 = document.querySelector('div1');
const div2 = document.querySelector('div2');
const div3 = document.querySelector('div3');
const img = document.createElement('img');
img.src = 'foo.png';
img.style.width = '32px';

function append(){
    div1.appendChild(img);
    div2.appendChild(img);
    div3.appendChild(img);
}

JavaScript Append

来源：https://stackoverflow.com/questions/68333137/clone-image-objects-and-append

1条答案

按热度按时间

kd3sttzy1#

我已经尝试将.clonenode（true）添加到对象的末尾，但没有成功。
什么东西？
试着穿上它 img 处处 appendChild() 呼叫这就是您需要返回克隆的地方。

const div1 = document.querySelector('div1');
const div2 = document.querySelector('div2');
const div3 = document.querySelector('div3');
const img = document.createElement('img');
img.src = 'foo.png';
img.style.width = '32px';

function append(){
  div1.appendChild(img.cloneNode(true));
  div2.appendChild(img.cloneNode(true));
  div3.appendChild(img.cloneNode(true));
}

赞(0）回复(0）举报 2021-09-13

我来回答

克隆图像对象并附加

1条答案

相关问题

热门标签

最新问答