Wie füge ich ein h1 in einem div mit Javascript

Question

Ich schreibe ein HTML, wo ich eine h1 mit Javascript bevölkern möchte. Hier kann ich Text eingeben, aber nicht h1. Unten ist mein Code.

function getTheIncident(keyWord, text) { 
    showTheDiv(); 
    console.log(keyWord + "\t" + text); 

    var e = document.getElementById('textResult'); 
    e.innerHTML = text.replace('\^', '\''); 
} 

und dies gibt mir den Ausgang wie im Bild unten gezeigt.

Mein Ziel ist es, ein h1 mit Inhalt als Description hinzuzufügen. Grundsätzlich mag

<h1>Description</h1> 

knapp über A procurement order has been placed for a RAM with 128 Gig

bitte lassen Sie mich wissen, wie kann ich dies tun.

Answer 1

var h1= document.createElement('H1'); 
    h1.innerHTML = "Description"; 

jetzt dieses Element einen bestimmten Knoten hinzufügen, die Sie wollen

Answer 2

https://fiddle.jshell.net/LnkfLrev/1/ So etwas wie das? Sie können document.getElementById('placeholder').innerHTML = text;, um den Text von Ihnen h1 Element

EDIT einzustellen:

https://fiddle.jshell.net/LnkfLrev/2/

Sorry, ich habe nicht ruhig bekommen Sie hinterfragen. Ich die Geige aktualisiert, so dass es als anwer arbeitet

ich mit var ein H1-Element erstellt h = document.createElement("H1");

dann habe ich den Text und fügen Sie ihn in den Körper

h.innerHTML = text; 
    document.body.appendChild(h); 

hoffe, das hilft jetzt

Answer 3

Erstellen Sie Ihr Tag mit createElement(), dann prepend() es zu Ihrem Container, wo Sie zuerst haben möchten. Überprüfen Sie das folgende Snippet als Referenz.

var h1Tag = document.createElement('H1'); 
 
h1Tag.innerHTML = "Your Title"; 
 
$('.output').prepend(h1Tag);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="output"> 
 
    This div contains the output.. 
 
</div>

Answer 4

einfach den Code wickeln als HTML in eine h1 hinzugefügt werden:

function getTheIncident(keyWord, text) { 
    showTheDiv(); 
    console.log(keyWord + "\t" + text); 

    var e = document.getElementById('textResult'); 
    e.innerHTML = "<h1>" + text.replace('\^', '\'') + "</h1>"; 
}