Als «innerhtml» getaggte Fragen

innerHTML ist die Eigenschaft eines DOM-Knotens, die den inneren HTML-Code eines HTML-Elements abruft oder festlegt. In Javascript wird es häufig verwendet, um eine Seite dynamisch zu ändern oder von einer Seite zu lesen.


19
Können Skripte mit innerHTML eingefügt werden?
Ich habe versucht, einige Skripte mit einem innerHTMLauf eine Seite zu laden <div>. Es scheint, dass das Skript in das DOM geladen wird, aber es wird nie ausgeführt (zumindest in Firefox und Chrome). Gibt es eine Möglichkeit, Skripte beim Einfügen auszuführen innerHTML? Beispielcode: <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> …

5
Angular 2 - innerHTML-Styling
Ich erhalte Teile von HTML-Codes von HTTP-Aufrufen. Ich habe die HTML-Blöcke in eine Variable eingefügt und sie mit [innerHTML] auf meiner Seite eingefügt, aber ich kann den eingefügten HTML-Block nicht formatieren. Hat jemand einen Vorschlag, wie ich das erreichen könnte? @Component({selector: 'calendar', template: '<div [innerHTML]="calendar"></div>', providers:[HomeService], styles: [` h3 {color:red;} …
170 angular  innerhtml 

6
Javascript - Hängt HTML ohne innerHTML an Containerelement an
Ich brauche eine Möglichkeit, HTML an ein Containerelement anzuhängen, ohne innerHTML zu verwenden. Der Grund, warum ich innerHTML nicht verwenden möchte, liegt darin, dass es wie folgt verwendet wird: element.innerHTML += htmldata Es funktioniert, indem zuerst der gesamte HTML-Code ersetzt wird, bevor der alte HTML-Code und der neue HTML-Code hinzugefügt …

6
nodeValue vs innerHTML und textContent. Wie man wählt?
Ich verwende einfaches js, um den inneren Text eines Beschriftungselements zu ändern, und ich war mir nicht sicher, aus welchen Gründen ich innerHTML oder nodeValue oder textContent verwenden sollte. Ich muss keinen neuen Knoten erstellen oder die HTML-Elemente oder ähnliches ändern - ersetzen Sie einfach den Text. Hier ist ein …

13
Ist es möglich, an innerHTML anzuhängen, ohne die Ereignis-Listener der Nachkommen zu zerstören?
Im folgenden Beispielcode füge ich onclickdem Bereich, der den Text "foo" enthält, einen Ereignishandler hinzu. Der Handler ist eine anonyme Funktion, die eine anzeigt alert(). Wenn ich jedoch den übergeordneten Knoten zuweise innerHTML, wird dieser onclickEreignishandler zerstört. Wenn Sie auf "foo" klicken, wird das Warnfeld nicht angezeigt. Ist das reparabel? …

20
Ausführen von mit .innerHTML eingefügten <script> -Elementen
Ich habe ein Skript, das mithilfe von Inhalten Inhalte in ein Element einfügt innerHTML. Der Inhalt könnte zum Beispiel sein: &lt;script type="text/javascript"&gt;alert('test');&lt;/script&gt; &lt;strong&gt;test&lt;/strong&gt; Das Problem ist, dass der Code im &lt;script&gt;Tag nicht ausgeführt wird. Ich habe ein bisschen gegoogelt, aber es gab keine offensichtlichen Lösungen. Wenn ich den Inhalt mit …


19
Die Eigenschaft 'innerHTML' kann nicht auf null gesetzt werden
Warum erhalte ich einen Fehler oder einen nicht erfassten Typfehler: Die Eigenschaft 'innerHTML' kann nicht auf null gesetzt werden. Ich dachte, ich hätte innerHTML verstanden und es vorher funktionieren lassen. &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;script type ="text/javascript"&gt; what(); function what(){ document.getElementById('hello').innerHTML = 'hi'; }; …


11
Fügen Sie einen Inline-Stil mit Javascript hinzu
Ich versuche, diesen Code einem dynamisch erstellten div-Element hinzuzufügen style = "width:330px;float:left;" Der Code, in dem die Dynamik erstellt wird, divlautet var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '&lt;label&gt;' + sSearchStr + '&lt;/label&gt;'; Meine Idee ist es, den Stil danach hinzuzufügen, &lt; div class="well"aber ich weiß nicht, wie …

7
JQuery html () vs. innerHTML
Kann ich mich vollständig darauf verlassen, dass sich die html()Methode von jQuery identisch mit verhält innerHTML? Gibt es einen Unterschied zwischen innerHTMLund der html()Methode von jQuery ? Wenn beide Methoden dasselbe tun, kann ich die html()Methode von jQuery anstelle von verwenden innerHTML? Mein Problem ist: Ich arbeite an bereits gestalteten …


5
Vorteile von createElement gegenüber innerHTML?
Was sind in der Praxis die Vorteile von createElement gegenüber innerHTML? Ich frage, weil ich davon überzeugt bin, dass die Verwendung von innerHTML in Bezug auf Leistung und Lesbarkeit / Wartbarkeit von Code effizienter ist, aber meine Teamkollegen haben sich entschieden, createElement als Codierungsansatz zu verwenden. Ich möchte nur verstehen, …

2
Wie kann ich das Klickereignis in einer innerHTML erhalten?
Ich habe dieses Layout, das dynamisch erstellt wurde: for (let i = 1; i &lt; 10; i++) { document.querySelector('.card-body').innerHTML += `&lt;div class="row" id="img_div"&gt; &lt;div class="col-12 col-sm-12 col-md-2 text-center"&gt; &lt;img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80"&gt; &lt;/div&gt; &lt;div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6"&gt; &lt;h4 class="name"&gt;&lt;a href="#" id="title` + i + `"&gt;Name&lt;/a&gt;&lt;/h4&gt; &lt;h4&gt; …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.