Sự khác nhau giữa setTextContent() và appendChild (Text)

Question

Khi tạo một tài liệu XML khác biệt là gì (nếu có) giữa hai phương pháp này thêm văn bản vào một phần tử:

Element el = document.createElement("element"); 
el.setTextContent("This is the text content"); 

và

Element el = document.createElement("element"); 
Text txt = document.createTextNode("This is the text content"); 
el.appendChild(txt); 

Answer 1

From the documentation for Element#setTextContent():

về việc thành lập, bất kỳ trẻ em có thể nút này có thể đã được loại bỏ, và nếu nó trở thành chuỗi mới không rỗng hoặc rỗng, được thay thế bằng một nút Văn bản duy nhất chứa chuỗi thuộc tính này được đặt thành.

Element#appendChild() không xóa con hiện có (trừ trường hợp trẻ được chỉ định đã có trong cây). Do đó

el.setTextContent("This is the text content") 

là tương đương với việc loại bỏ tất cả trẻ em trước gọi el.appendChild():

for(Node n : el.getChildNodes()) 
{ 
    el.removeChild(n); 
} 
el.appendChild(document.createTextNode("This is the text content")); 

Answer 2

appendChild()

phương pháp bổ sung thêm một nút sau khi nút con cuối cùng của nút phần tử cụ thể.

setTextContent() 

Thay thế nội dung văn bản bằng nội dung này.