기존 데이터를 잃지 않고 JavaScript를 사용하여 Div 요소에 텍스트를 추가하는 방법은 무엇입니까?

데이터 손실 없이 div 요소에 텍스트 추가

AJAX를 활용하여 <div> JavaScript를 통해 채워지는 요소에서는 기존 데이터를 보존하는 것이 중요할 수 있습니다. 이 문서에서는 데이터 손실 없이 이를 달성하는 방법을 살펴봅니다.

해결책:

<div> 기존 콘텐츠를 잃지 않고 요소를 삭제하려면 다음 단계를 따르세요.

1. <div> id 속성을 사용하는 요소:

var div = document.getElementById('divID');

2. = 연산자를 사용하여 div 내의 기존 HTML 콘텐츠에 새 데이터를 추가합니다.

div.innerHTML += 'Extra stuff';

예:

다음 HTML을 고려해보세요. 구조:

<div>

이 <div> 기존 콘텐츠를 제거하지 않고 다음 JavaScript 코드를 사용할 수 있습니다.

var div = document.getElementById('myDiv');
div.innerHTML += 'New data';

이 JavaScript 코드를 실행한 후 <div> 다음 콘텐츠가 포함됩니다.

<div>

= 연산자를 활용하면 <div> 기존 콘텐츠를 유지하면서 요소를 삭제합니다.

위 내용은 기존 데이터를 잃지 않고 JavaScript를 사용하여 Div 요소에 텍스트를 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!