在img上点击显示一个div

我正在尝试制作一个Javascript代码，如果您点击“卡片”，那么div会显示在其上方。在img上点击显示一个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

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

来源

2014-01-07 FIFA14Packs

你写的是** JavaScript **，而不是jQuery。 – Terry

@Terry谢谢你的纠正。 :)这是凌晨5:30在这里哈哈。 – FIFA14Packs

如果你打算展示复杂的东西，你最好直接用HTML编写你的结构，并用'visibility：hidden;'设置它，然后将它用作模板（并根据需要修改它）。 – Bigood

尝试附加元素吧：

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：
作为特里说，这是的Javascript，没有JQuery的。This是JQuery。

来源

2014-01-07 22:33:23 Cilan

不工作，谢谢你的答案。在我尝试将其更改为div标记而不是链接后，它无法工作。我想显示一个div而不是文本。这里是我编辑的代码：http://jsfiddle.net/qcykL/1/ – FIFA14Packs

@ FIFA14Packs使用'setAttribute' – Cilan

好吧我试过了，但我从来没有使用过setAttribute（）。这是我的尝试虽然.http：//jsfiddle.net/qcykL/2/ – FIFA14Packs

在img上点击显示一个div

回答

相关问题