JavaScript 텍스트 내용 | 설명

JavaScript 텍스트 내용 | 설명

2022-06-02 last update

5 minutes reading JavaScript
자바스크립트에서는 html 태그에 접근하고 수정할 수 있는 다양한 속성, 즉 textContent, innerText, innerHTML이 있습니다.textContent 속성은 요소/노드와 모든 하위 항목에 포함된 모든 텍스트를 되돌려줍니다. 공백과 CSS 숨겨진 텍스트를 포함합니다. 태그를 제외합니다.nerText 속성은 노드/요소와 하위 요소의 모든 텍스트 내용을 되돌려주지만 간격과 html 표시는 포함하지 않으며 스타일과 스크립트 표시는 제외합니다.innerHTML은 빈칸과 html 표시를 포함한 요소에 포함된 모든 텍스트를 되돌려줍니다.
이 글은 textContent 속성에 대한 다음과 같은 부분을 설명합니다.
  • 자바스크립트의 텍스트 내용은 무엇입니까
  • 기본 구문
  • textContent 속성이 무엇을 되돌려줍니까
  • JavaScript에서 textContent 사용 방법
  • 그럼 시작합시다!

    JavaScript의 텍스트 컨텐트는 무엇입니까?


    이것은 노드나 요소의 텍스트 내용을 가져오거나 설정할 수 있는 속성입니다.textContent 속성을 설정하면 하위 노드를 삭제하고 새 텍스트 노드로 하위 노드를 대체합니다.

    기본 문법


    다음 코드 세션에서는 노드나 요소의 텍스트 내용을 가져오거나 반환하는 방법을 보여 줍니다.
    element.textContent | node.textContent
    노드나 요소의 텍스트 내용을 설정하는 방법에 대해 알아보려면 다음 코드 세션을 살펴보겠습니다.
    element.textContent = text | node.textContent = text

    textContent 속성은 무엇을 되돌려줍니까


    JavaScript에서 textContent 속성은 요소/노드와 모든 하위 노드(하위 노드)의 내용을 되돌려줍니다.요소/노드가 문서/주석 형식이면null로 돌아갑니다.

    JavaScript에서 textContent 속성을 사용하는 방법


    지금까지 우리는 textContent 속성의 이론적 부분을 완성했다.이제 우리는 앞으로 한 걸음 나아가 이 모든 이론 개념을 실제적으로 실시할 것이다.
    예제 1: JavaScript의 textContent 속성을 사용하여 요소의 텍스트 내용을 가져오거나 반환하는 방법을 알아보려면 다음과 같은 코드를 고려하십시오.
    
    
    

    id='인사'>오신 것을 환영합니다.일반 도메인 이름 형식

    let content = document.getElementById('greetings'); alert(content.textContent);
    위의 코드 세션에서 우선, 우리는 get Element ById () 를 사용하여 id가 "greetings"인 h2 요소를 선택합니다.다음에 우리는 textContent 속성을 방문하여 노드의 텍스트를 표시합니다.

    이것이 바로 textContent 속성이 자바스크립트에서 요소의 텍스트를 수정하는 방법입니다.
    예 2: textContent 속성을 사용하여 요소의 텍스트 내용을 설정하는 방법:
    
    
    

    textContent 속성

    CLICK ME

    function clickMe() { document.getElementById("change").textContent = "Welcome to .com"; }
    위의 코드 블록은 다음과 같은 출력을 생성합니다.

    이것은 textContent 속성이 JavaScript에서 텍스트를 설정하는 방식입니다.

    결론


    JavaScript에서 textContent 속성은 노드나 요소의 텍스트 내용을 가져오거나 설정할 수 있도록 합니다.textContent 속성을 설정하면 하위 노드를 삭제하고 새 텍스트 노드로 하위 노드를 대체합니다.textContent 속성은 요소/노드와 모든 하위 노드(하위 노드)의 내용을 되돌려줍니다.요소/노드가 문서/주석/문서 형식이면null로 돌아갑니다.본고는 텍스트 콘텐츠가 무엇인지, 되돌아오는 것이 무엇인지, 그리고 자바스크립트에서 어떻게 사용하는지 설명한다.