HTML DOM textContent Thuộc tính

Thuộc tính HTML DOM textContent trả về / đặt một chuỗi tương ứng với văn bản (bao gồm cả khoảng trắng) của nút và tất cả các nút con của nó.

Sau đây là cú pháp -

Trả về giá trị chuỗi

Node.textContent

Ở đây, giá trị trả về có thể như sau -

'Null' cho các nút tài liệu
Văn bản của nút đã chỉ định và tất cả các nút con của nó

Đặt textContent thành giá trị chuỗi

Node.textContent = string

LƯU Ý:HTML DOM textContent thuộc tính đặt văn bản của nút và nút con dưới dạng một chuỗi văn bản.

Hãy để chúng tôi xem một ví dụ về HTML DOM textContent tài sản -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM textContent</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
   ul{
      width: 30%;
      margin: 0 auto;
   }
</style>
</head>
<body>
   <form>
      <fieldset>
         <legend>HTML-DOM-textContent</legend>
         <h3>Students</h3>
         <ul>
            <li>Adam</li>
            <li>Alex</li>
            <li>Bina</li>
            <li>Eden</li>
            <li>Rajesh</li>
            <li>Zampa</li>
         </ul>
         <input type="button" onclick="checkForBina()" value="Confirm for Bina">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var studentList = document.getElementsByTagName("li");
   var status = 'not Present';
   function checkForBina() {
      for(var i=0; i<studentList.length; i++){
         if(studentList[i].childNodes[0].textContent === 'Bina'){
            status = 'Present';
            break;
         }
    }
    divDisplay.textContent = 'Bina is '+status;
   }
</script>
</body>
</html>

Đầu ra

Trước khi nhấp vào ‘Xác nhận cho Bina’ nút -

HTML DOM textContent Thuộc tính

Sau khi nhấp vào ‘Xác nhận cho Bina’ nút -

HTML DOM textContent Thuộc tính