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 -
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.