ブックマークを介して純粋な CSS で要素を作成しました。作成されたが表示されない

Question

私のコードは次のとおりです:

リーリー

Web サイトでこれを使用するとき、div を中央に配置して表示したいのですが、div が作成されるため (コンソールでテスト済み)、機能しますが、それが表示されません。

JQuery は使用していませんが、必要に応じて使用できます。私の目標は、UI タイプのものを作ることです。

Answer 1

コードは要素を作成するだけで、DOM には追加しません。このためには、document.body.appendChild(element) を使用してその要素を body 要素に追加する必要があります。また、次の方法でも実行できます。同じメソッドで、内部要素と id または QuerySelector で選択された要素を追加します。

コードは次のように変更できます:

リーリー

複数の要素を追加する場合は、appendChild() の代わりに append() を使用できます。

document.body.append(g,g2,g3,g4)

＃＃＃それが役に立てば幸い！