Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính DOM InternalText HTML

Thuộc tính HTML DOM innerText trả về và cho phép chúng tôi sửa đổi nội dung văn bản bên trong của một phần tử HTML.

Cú pháp

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

1. Trả lại văn bản bên trong

object.innerText

2. Đặt văn bản bên trong

object.innerText=”text”

Ví dụ

Hãy để chúng tôi xem một ví dụ về thuộc tính innerText -

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
   }
   .box{
      background-color:#347924;
      width:100px;
      padding:10px;
      text-align:center;
      font-weight:bold;
      font-size:1.5rem;
      color:white;
      margin:1rem auto;
   }
</style>
</head>
<body>
<h1>innerText property Example</h1>
<div class="box">
</div>
<button onclick="writeHi()">Write Hi</button>
<button onclick="writeHello()">Write Hello</button>
<script>
   function writeHi() {
      var outerBox = document.querySelector('.box');
      outerBox.innerText ='HI';
   }
   function writeHello() {
      var outerBox = document.querySelector('.box');
      outerBox.innerText ='HELLO';
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính DOM InternalText HTML

Nhấp vào “ Viết lời chào / Viết lời chào ”Để thay đổi văn bản bên trong của hộp màu xanh lục.

Thuộc tính DOM InternalText HTML