在img上，單擊顯示div

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);

演示

PS：
正如Terry所說，這是Javascript，而不是JQuery。 這是JQuery。