既存の要素に子を追加する

Question

私は動的にモーダルフォームを作成しようとしていますが、モーダルを検索して新しい子を作成しても、それを追加することはできません。モーダルはクラスで設定されます。代わりにIDでなければなりませんか？ w3schoolsを参照しないでください。私はそれを使用しており、それは有用ではありません。

var a=document.getElementsByClassName('modal'); 
undefined 
var b = document.createElement("p"); 
undefined 
b.appendChild(a); 

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. 
    at <anonymous>:1:3 

Answer 1

aノードの集合体（これらは配列に似ているので、あなたは、通常は[n]を使用してそれらにアクセスすることができます）となります。あなたは最初のものを取りたいと思うでしょう。あなたが持っているものの代わりにこれを試してください：あなたが複数ある場合は

var a=document.getElementsByClassName('modal')[0];

は通常、あなたが「クラス」を使用します。一意にするには、 'id'を使用します。 `getElementById（ 'xyz'）を使うと、単一のノードが得られます。その場合、最後に余分な[0]を行う必要はありません。