Question

我正在尝试制作一个Javascript代码，如果您单击“卡片”，则会在其上方显示div。

这是我当前的代码，但我无法弄清楚如何让它显示的不仅仅是文本。我希望能够在里面显示图像或创建形状等。

var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++) {
    images[i].addEventListener('click', function () {
        var newdiv = document.createElement('div');
        newdiv.innerHTML = 'Hello';
        document.body.appendChild(newdiv);
    });                     
    }

这是我的完整代码：

http://pastebin.com/ueqiywFu

我知道我的完整代码没有组织，很多朋友告诉我。我计划在完成后组织它。无论如何，请帮助我..

Answer 1

尝试附加元素：

var newdiv = document.createElement('div');
newdiv.innerHTML = 'first div text';
var otherdiv = document.createElement('div');
otherdiv.innerHTML = 'second div text';
newdiv.appendChild(otherdiv);
document.body.appendChild(newdiv);

<强> DEMO

PS：
正如 Terry 所说，这是 Javascript，而非 JQuery。 This是JQuery。

在img上单击显示div

1 个答案: