집 >웹 프론트엔드 >JS 튜토리얼 >자바스크립트에서 요소 텍스트 내용을 설정하는 방법

자바스크립트에서 요소 텍스트 내용을 설정하는 방법

青灯夜游원래의: 2021-04-26 17:06:067248검색

JavaScript에서 텍스트 콘텐츠를 설정하는 방법: 먼저 "document.getElementById("id value")" 문을 사용하여 텍스트 요소 개체를 가져온 다음 "text element object.innerHTML='text content value';" 문을 사용하세요. 그것을 설정합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript 요소 텍스트 콘텐츠 설정

단계:

요소 찾기
innerHTML을 사용하여 콘텐츠 설정

예:

<body>
    <p id="demo"></p>
    <script type="text/javascript">
        var x=document.getElementById("demo");  // 找到元素
        x.innerHTML="Hello JavaScript!";    // 设置内容
    </script>
    
</body>

출력:

자바스크립트에서 요소 텍스트 내용을 설정하는 방법

설명:

innerHTML 속성은 테이블 행의 시작 태그와 끝 태그 사이에 HTML을 설정하거나 반환합니다.

Syntax

tablerowObject.innerHTML=HTML

요소를 찾는 방법:

1. id를 기준으로 요소를 가져옵니다

document.getElementById("id属性的值");

2. 이름 값을 기준으로 요소를 가져옵니다. attribute

document.getElementsByTagName("标签的名字");

4. 클래스 속성을 기반으로 요소 가져오기

document.getElementsByName("name属性的值");

5. CSS 경로를 기반으로 요소 가져오기(하나 가져오기)

document.getElementsByClassName("类样式的名字");

6 CSS 경로를 기반으로 요소 가져오기(그룹 가져오기)

document.querySelector("css路径");

자바스크립트에서 요소 텍스트 내용을 설정하는 방법

관련 기사