使用JavaScript复制图像

Question

最近我决定尝试将小项目付诸实践，这些项目与课堂上完成的项目不同。这个有一个简单的目标：我有一个图像和它旁边的一个按钮。每次按下按钮时，它都应该在按钮本身之前创建一个与第一个具有相同类和内容的img标签。//FromHTMLconstcontent=document.querySelector('#content');constaddBtn=document.querySelector('#btn-

P粉654894952 · Answer

我对你的 addImagem 函数做了一些更改：使用“setAttribute”函数，这样它就不会在已经存在的内创建一个新的 img 标签。

function addImagem(){

    const img = document.createElement('img'); // create img
    img.classList.add('imgQ'); // give this img a class ('imgQ')
    img.setAttribute('src',"imgs/bigodes.jpg"); // give this img a HTML content

    content.insertBefore(img,content.children[0]); // insert this img before add button inside div

}

“forEach”函数仅适用于数组。由于您只有一个按钮，您可以使用：

addBtn.addEventListener('click',addImagem)

或者您可以将 addBtn 的 querySelector 更改为 querySelectorAll。

P粉610028841 · Answer

雷雷雷雷

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程