Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript에서 정렬되지 않은 목록(UL)에 줄 바꿈을 추가하려면 어떻게 해야 합니까?


순서 없는 목록에 줄 바꿈을 추가하려면 document.querySelector().append()를 사용하세요. 다음은 코드입니다 -

예시

<메타 이름="viewport" 콘텐츠="width=장치 너비, initialscale=1.0"> 문서<스타일> h1{ 글꼴 크기:2.50rem; } h2, 레이블{ 글꼴 크기:1.50rem; }

이름 데모 추가

이름 목록

    위의 프로그램을 실행하기 위해서는 "anyName.html(index.html)"이라는 파일명을 저장하고 파일을 우클릭하면 됩니다. VS Code 편집기에서 "Open with Live Server" 옵션을 선택합니다.

    출력

    이것은 다음과 같은 출력을 생성합니다 -

    JavaScript에서 정렬되지 않은 목록(UL)에 줄 바꿈을 추가하려면 어떻게 해야 합니까?

    여기에서 텍스트 상자에 값을 입력하고 있습니다. 예를 들어 이름은 'John'입니다. -

    JavaScript에서 정렬되지 않은 목록(UL)에 줄 바꿈을 추가하려면 어떻게 해야 합니까?

    그런 다음 저장 버튼을 클릭하십시오. 저장 버튼을 클릭하면 다음과 같이 출력됩니다 -

    JavaScript에서 정렬되지 않은 목록(UL)에 줄 바꿈을 추가하려면 어떻게 해야 합니까?

    다시 '밥'이라는 이름을 입력했다. 이제 업데이트된 출력은 다음과 같습니다 -

    JavaScript에서 정렬되지 않은 목록(UL)에 줄 바꿈을 추가하려면 어떻게 해야 합니까?

    저장 버튼을 클릭하면 출력은 다음과 같습니다 -

    JavaScript에서 정렬되지 않은 목록(UL)에 줄 바꿈을 추가하려면 어떻게 해야 합니까?