javascript：作成したdivのプロンプトテキストをh1に表示

Question

シンプルなjavascriptプログラムを作成しました。 divタグをクリックすると、ダイアログボックスが開き、ユーザーからのテキストを受け取り、divを作成し、作成したdivの上にテキストを表示します。今私の問題はh1にプロンプ​​トテキストを表示することです。私はこのメソッドを使ってh1 "newDiv.style =" h1 ";でテキストを表示しました。しかし、それは動作しません。誰もこれで私を助けることができますか？

コード：

window.onload = function() { 
 
    var x = document.getElementById("div1"); 
 
    x.onclick = function() { 
 
    var mvytext = prompt("Enter text"); 
 

 
    var parent = mvytext.parentNode; 
 
    var newDiv = document.createElement("div"); 
 
    newDiv.id = "myNewDiv"; 
 
    newDiv.className = "cdiv1"; 
 
    newDiv.style = "h1"; 
 

 

 
    var txt = document.createTextNode(mvytext); 
 
    newDiv.appendChild(txt); 
 

 
    var beforeMe = document.getElementsByTagName("div")[0]; 
 

 
    document.body.insertBefore(newDiv, beforeMe); 
 

 
    } 
 
}

#div1 { 
 
    background-color: yellow; 
 
} 
 

 
.cdiv1 { 
 
    background-color: #bdefb8; 
 
    width: 50%; 
 
    height: 100px; 
 
    padding: 10px; 
 
    margin: 10px 0; 
 
    border: 4px solid; 
 
    border-color: red; 
 
}

<div style="width: 50%;height: 100px;padding: 10px;margin: 10px 0" id="div1"> 
 
    <h1>Click me to add a new movie. </h1> 
 
</div>

Answer 1

あなたの質問は、それがDOMに追加された後のテキストを表示する方法であれば... H1は、要素の別のタイプである、あなたはDIVとH1

var newDiv = document.createElement("div"); 
newDiv.id = "myNewDiv"; 
newDiv.className = "cdiv1"; 

var txt = document.createElement("h1"); // this will create the title 
txt.innerHTML = mvytext; 
newDiv.appendChild(txt); 

Answer 2

あなただけの代わりにdiv要素を作成するのdocument.createElement（「H1」）を持つ新しいH1要素を作成する必要があります。

Answer 3

h1はスタイルではなく、HTMLタグです。h1要素を作成する場合は、DIVではありません。しかし、h1要素を新しいdivにに挿入する場合は、スタイルとして定義するのではなく、そのdivのHTMLコンテンツとして定義する必要があります。