북마크를 통해 순수 CSS로 요소를 만들었습니다. 생성되었으나 표시되지 않음

Question

제 코드는 다음과 같습니다:

으아악

웹사이트에서 이것을 사용할 때 div가 중앙에 위치하여 보이도록 하고 싶습니다. div를 생성하기 때문에 작동하지만(콘솔에서 테스트됨) 볼 수 없습니다.

JQuery를 사용하고 있지 않지만 필요한 경우 사용할 수 있습니다. 내 목표는 UI 유형을 갖는 것입니다.

Answer 1

귀하의 코드는 요소를 생성하기만 하고 DOM에 추가하지는 않습니다. 이를 위해서는 document.body.appendChild(element)를 사용하여 해당 요소를 body 요소에 추가해야 하며, 동일한 방법을 사용하여 내부 요소와 id 또는 QuerySelector로 선택한 요소를 추가할 수도 있습니다. .

코드를 다음과 같이 수정할 수 있습니다:

으아악

여러 요소를 추가하려면 append() 而不是 appendChild()를 사용할 수 있습니다.

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

도움이 되기를 바랍니다!