>웹 프론트엔드 >JS 튜토리얼 >JavaScript를 사용하여 div에 HTML 코드를 추가하는 방법은 무엇입니까?

JavaScript를 사용하여 div에 HTML 코드를 추가하는 방법은 무엇입니까?

王林
王林앞으로
2023-09-06 12:09:02837검색

如何使用 JavaScript 将 HTML 代码附加到 div?

JavaScript를 사용하여 div에 HTML 코드를 추가하려면 먼저 div 요소를 선택해야 합니다. document.getElementById() 메소드를 사용하고 div 요소의 ID를 전달하여 이를 수행할 수 있습니다. 다음으로 div 요소의 innerHTML 속성을 사용하고 += 연산자 앞에 추가하려는 HTML 코드와 동일하게 설정합니다.

방법

JavaScript를 사용하여 div에 HTML 코드를 추가하는 한 가지 방법은 해당 ID를 사용하여 div를 선택하는 것입니다.

그런 다음 innerHTML 속성을 사용하여 필수 HTML 코드를 추가하세요. 예를 들어 -

으아악

설명

이 예에서는 JavaScript를 사용하여 div에 HTML 코드를 추가합니다.

  • 먼저 div 요소를 만듭니다 -

으아악
  • 다음으로 div 요소에 HTML 코드를 추가하는 함수를 만들어 보겠습니다. -

으아악
  • 마지막으로 페이지가 로드될 때 함수를 호출하겠습니다. -

으아악

으으으으

위 내용은 JavaScript를 사용하여 div에 HTML 코드를 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제