Erstes Div aus einer Reihe dynamisch erstellen, ändern

Perfekt...habs etwas geändert, sodass es für mich passt:
1000 Dank für eure Hilfe :)
CSS:
      .metroFileBoxAuto {
          background-color:#ffca08;
          margin-left:40px;
          margin-top:40px;
          width:350px;
          height:350px;
      }

        div.metroFileBoxAuto:nth-child(2) {
            height: 740px;
            width: 740px;
            float: left;
        }
 
        div > div.fileNameContainer {
            background-color: black;
            margin-top: calc(100% - 80px);
            height: 80px;
            width: 100%;
        }
       
        div.fileNameContainer span {
            font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
            color:#FFFFFF;
            font-size:0.9em;
            font-weight:100;
            line-height:78px;
            float:right;
        }

und das JS:
Javascript:
files = arrayFileData

    insertDiv = function(wrapper, file){
        var fileName = file.split("_____")[1]
        var fileDay = file.substring(6,8)
        var fileMonth = file.substring(4,6)
        var fileYear = file.substring(2,4)
        var div = document.createElement('div')
        var content = fileName.replace(/.cm5/, "") + ", " + fileDay + "." + fileMonth + "." + fileYear + " "
       
        //div Elemente erzeugen
        var outerDiv = document.createElement('div');
        outerDiv.className = "metroFileBoxAuto";
        var innerDiv = document.createElement('div');
        innerDiv.className = "fileNameContainer";
        var titleText = document.createElement('span');
        titleText.innerText = content
        outerDiv.style.display = "inline-block";
        outerDiv.appendChild(innerDiv);
        innerDiv.appendChild(titleText);
        wrapper.appendChild(outerDiv);
    };

Das JS in der HTML s. Oben in meiner Anfrage) hat sich nicht geändert..
Bis bald
 
Eine Frage hab ich doch noch. Welche Möglichkeiten gibt es die einzeln, erzeugten Div anklickbar zu machen? Anklicken und einfach einen Alert des Textinhalts des angeklickten Divs.?
Einzel kein Thema, aus dynamischen weiß ich allerdings nicht wie das gehen soll.
Um einen Hinweis wäre ich noch zu guter Letzt dankbar :)
 
Zurück