자바스크립트로 HTML 콘텐츠를 변경하는 방법: [document.getElementById(id).innerHTML = new text]와 같이 innerHTML 속성을 사용하여 수정하세요.
이 기사의 운영 환경: windows10 시스템, javascript 1.8.5&&html 5, thinkpad t480 컴퓨터.
JavaScript로 HTML 콘텐츠를 수정하는 가장 쉬운 방법은 innerHTML 속성을 사용하는 것입니다. 구문을 살펴보겠습니다.
document.getElementById(id).innerHTML = new text
예를 들어,
요소의 콘텐츠를 수정하려고 합니다.
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "hello kitty!";
</script>
</body>
</html>설명 : 위 HTML 문서에는 "p1"의
요소에 대해 HTML DOM을 사용하여 id="p1"인 요소를 가져옵니다. JavaScript는 요소(innerHTML)의 내용을 "Hello Kitty! "
추천 학습: javascript 비디오 튜토리얼
위 내용은 자바스크립트가 HTML 콘텐츠를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
