div 내용을 변경하는 js innerHTML 메소드

텍스트를 innerHTML로 변경
모든 HTML 요소에는 요소의 여는 태그와 닫는 태그 사이에 발생하는 HTML 코드와 텍스트를 정의하는 InnerHtml 속성이 있습니다. 일부 사용자 상호작용 후에 요소의 innerHTML을 변경하면 웹페이지를 더욱 상호작용적으로 만들 수 있습니다.
그러나 innerHTML을 쉽고 안정적으로 활용하려면 몇 가지 준비가 필요합니다. 먼저, 변경하려는 신분증을 알려주셔야 합니다. 식별자가 있으면 모든 브라우저에서 작동하는 getElementById 함수를 사용할 수 있습니다.
요소 설정에 대해 생각한 후 이제 텍스트를 조작할 수 있습니다. 시작하려면 텍스트를 굵은 마커로 변경해 보겠습니다.
js innerHTML을 사용하여 div 값을 변경하는 방법을 살펴보겠습니다.

<script type="text/javascript">
function changeText(){
document.getElementById(&#39;boldStuff&#39;).innerHTML = &#39;Fred Flinstone&#39;;
}
</script>
<p>Welcome to the site <b id=&#39;boldStuff&#39;>dude</b> </p>
<input type=&#39;button&#39; onclick=&#39;changeText()&#39; value=&#39;Change Text&#39;/>

js innerHTML div 콘텐츠 변경 방법에 대한 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!