JavaScript에서 텍스트 콘텐츠를 변경하는 방법: 먼저 "document.getElementById(id value)" 문을 사용하여 텍스트 요소 개체를 얻은 다음 "text element object.innerHTML= "new text content"" 문을 사용하여 수정합니다. .
이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
HTML 콘텐츠 변경
HTML 문서의 콘텐츠를 수정하는 가장 쉬운 방법은 innerHTML 속성을 사용하는 것입니다.
HTML 요소의 내용을 수정해야 하는 경우 다음 구문을 사용하세요.
document.getElementById(id).innerHTML = new text
예:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 可以更改 HTML</h2>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "Hello Kitty！";
</script>
<p>上面的段落由脚本更改。</p>
</body>
</html>
요소를 찾는 방법:
1 ID를 기준으로 요소를 가져옵니다. 태그 이름 요소
document.getElementById("id属性的值");3를 기반으로 요소를 가져옵니다.
document.getElementsByTagName("标签的名字");4. 클래스 속성을 기반으로 요소를 가져옵니다.
document.getElementsByName("name属性的值");5. one)
document.getElementsByClassName("类样式的名字");6. CSS 경로를 기반으로 요소 가져오기(get one) 그룹)
document.querySelector("css路径");【추천 학습:
javascript 고급 튜토리얼위 내용은 자바스크립트로 텍스트 내용을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
