Cách viết văn bản trong div bằng JavaScript

Giá trị

Một chuỗi, hoặc

let text = document.getElementById['divA'].textContent;
// The text variable is now: 'This is some text!'

• Nếu nút là một

  let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  6 hoặc một loại tài liệu, thì

  let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  1 trả về

  let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  5

  Ghi chú. Để lấy tất cả văn bản và dữ liệu CDATA cho toàn bộ tài liệu, hãy sử dụng

  let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  1

• Nếu nút là phần CDATA, nhận xét, hướng dẫn xử lý hoặc nút văn bản, thì

  let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  1 trả về hoặc đặt, văn bản bên trong nút, i. e. ,

  let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  3
• Đối với các loại nút khác,

  let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  1 trả về kết quả nối của

  let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  1 của mọi nút con, không bao gồm nhận xét và hướng dẫn xử lý. [Đây là chuỗi rỗng nếu nút không có nút con. ]

Cảnh báo. Đặt

let text = document.getElementById['divA'].textContent;
// The text variable is now: 'This is some text!'

Sự khác biệt từ InternalText

Đừng nhầm lẫn bởi sự khác biệt giữa

let text = document.getElementById['divA'].textContent;
// The text variable is now: 'This is some text!'

let text = document.getElementById['divA'].textContent;
// The text variable is now: 'This is some text!'

• let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  1 lấy nội dung của tất cả các phần tử, bao gồm cả phần tử

  document.getElementById['divA'].textContent = 'This text is different!';
  // The HTML for divA is now:
  // 
  This text is different!
  

  0 và

  document.getElementById['divA'].textContent = 'This text is different!';
  // The HTML for divA is now:
  // 
  This text is different!
  

  1. Ngược lại,

  document.getElementById['divA'].textContent = 'This text is different!';
  // The HTML for divA is now:
  // 
  This text is different!
  

  2 chỉ hiển thị các phần tử "con người có thể đọc được"

• let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  1 trả về mọi phần tử trong nút. Ngược lại,

  document.getElementById['divA'].textContent = 'This text is different!';
  // The HTML for divA is now:
  // 
  This text is different!
  

  2 biết về kiểu dáng và sẽ không trả lại văn bản của các phần tử "ẩn"
  • Hơn nữa, vì

    document.getElementById['divA'].textContent = 'This text is different!';
    // The HTML for divA is now:
    // 
    This text is different!
    

    2 tính đến các kiểu CSS, nên việc đọc giá trị của

    document.getElementById['divA'].textContent = 'This text is different!';
    // The HTML for divA is now:
    // 
    This text is different!
    

    2 sẽ kích hoạt chỉnh lại dòng để đảm bảo các kiểu được tính toán cập nhật. [Reflows có thể tốn kém về mặt tính toán, và do đó nên tránh khi có thể. ]
• Cả

  let text = document.getElementById['divA'].textContent;
  // The text variable is now: 'This is some text!'
  

  1 và

  document.getElementById['divA'].textContent = 'This text is different!';
  // The HTML for divA is now:
  // 
  This text is different!
  

  2 đều xóa các nút con khi bị thay đổi, nhưng việc thay đổi

  document.getElementById['divA'].textContent = 'This text is different!';
  // The HTML for divA is now:
  // 
  This text is different!
  

  2 trong Internet Explorer [phiên bản 11 trở xuống] cũng sẽ hủy vĩnh viễn tất cả các nút văn bản con cháu. Không thể chèn lại các nút vào bất kỳ phần tử nào khác hoặc vào cùng một phần tử sau khi làm như vậy

Sự khác biệt từ InternalHTML

let text = document.getElementById['divA'].textContent;
// The text variable is now: 'This is some text!'

let text = document.getElementById['divA'].textContent;
// The text variable is now: 'This is some text!'

let text = document.getElementById['divA'].textContent;
// The text variable is now: 'This is some text!'

Bạn có thể đặt văn bản trong div không?

Làm cách nào để chèn văn bản trong JavaScript?