Wie "Inhalt Anhängen", um querySelectorAll-element mit innerHTML/innerText?

Momentan habe ich meine Klasse element:

var frame_2 = document.querySelectorAll(".name");

Derzeit das div leer ist. Ich will nun auf "hinzufügen/add" einige Inhalte, die div - ich hatte einen gehen mit innerHTML + innerText aber aus irgendeinem Grund nichts scheint zu werden Hinzugefügt.

Beispiel:

frame_2.innerHTML = '<img src="image.gif" />';

und

frame_2.innerText = 'some text';

Irgendwelche Vorschläge? Im nicht sicher, wenn es gibt Möglichkeiten, das gleiche zu tun - oder performance-'wise etwas besser?

Dokument.querySelectorAll(".name")[0] -> Sie erhalten eine Liste und das erste Element

InformationsquelleAutor user1231561 | 2013-12-27

  1. 11

    damit erhalten Sie eine Liste der Elemente, die den Namen der Klasse

    var name=document.querySelectorAll(".name");

    du willst das erste element?

    name[0].textContent='some text';

    Diese können Sie mit einem einzigen element, das erste.

    var name=document.querySelector(".name");
name.textContent='some text';

    Zu Anhängen Zeug

    name.appendChild(document.createTextNode('pizza'));
name.appendChild(document.createElement('div')).textContent='spaghetti';
name.appendChild(document.createElement('img')).src='cookie.jpg';

    BEARBEITEN

    Bekommen die Elemente, indem Sie den Klassennamen, dann rufen Sie die id :

    var names=document.querySelectorAll(".name"),l;
while(l--){
console.log(names[l].id);
}

    oder wenn ich nicht richtig verstehe

    html

    <div class="spaghetti" id="pizza"></div>

    js

    document.querySelector(".spaghetti#pizza")

    EDIT2

    html 

    <div id="container1"><div class="my-class"></div></div>

    js

    document.querySelector("#container1>.my-class")
    Hi cocco, vielen Dank für deine Antwort. Für die single-element-Selektor: mit diesem Dokument.querySelector(".name"); - ist es möglich zu finden, um es genauer zu machen - wie Stell ich Klasse .Namen in zwei verschiedene Behälter, der eine mit id bezeichnet: "name-container-1" den anderen "Namen-container-2"
    Sie wollen Holen Sie sich ein element durch id?
    NÖ. Ich will es durch den Klassennamen, aber ich will target den Namen der Klasse, die innerhalb einer bestimmten id container
    ich habe ein Skript auf, wie Sie die individuelle id jedes Elementes.
    Ahh sry für die nicht präzise - die Situation ist die folgende: <div id="container1"><div class="meine-Klasse"></div></div>

    InformationsquelleAutor cocco

  2. 0

    Einfachere Lösung, jeden Anwendungsfall. Abfrage-Selektor:

    let find = document.querySelector('.selector');

    erzeugen einige html als string

    let html = `put your html here`;

    element erstellen aus string

      let div = document.createElement('div');
  div.innerHTML = html;

    Append neue html-Datei, die Sie erstellt, um Selektor

    find.appendChild(div);

    InformationsquelleAutor chris_r

Schreibe einen Kommentar