javascriptを使用してdiv内にh1を追加する方法

Question

を使用してh1を入力するHTMLを作成しています。ここではテキストを入力できますが、h1は入力できません。以下は私のコードです。

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

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

これは、下の図のように出力されます。

MY目的はDescriptionなどのコンテンツでh1を追加することです。基本的にはちょうどA procurement order has been placed for a RAM with 128 Gig

上記

<h1>Description</h1> 

ように私は、私はこれを行うことができますどのようにお知らせください。

Answer 1

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

今、あなたはこのような

Answer 2

https://fiddle.jshell.net/LnkfLrev/1/何かをしたい特定のノードにこの要素を追加しますか？あなたはh1要素

EDITのテキストを設定するdocument.getElementById('placeholder').innerHTML = text;を使用することができます。

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

申し訳ありませんが、私は静かにしませんでしたが、あなたが質問を得ます。私はこれが今

を助け、それはanwer

として働くので、私はその後、私は、テキストを設定VAR h = document.createElement("H1");

とH1要素を作成したフィドルを更新し、身体に

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

希望をそれを追加します

Answer 3

createElement()を使用してタグを作成してから、まずprepend()をコンテナに貼り付けてください。参照のために下のスニペットを確認してください。

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

だけh1にHTMLとして追加するコードラップ：私達にあなたのhtmlを表示

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

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