在JS中创建文本元素

Question

我有一个在我的JS中动态创建的div.一切都有效,除了换行符.我不正确地追加它们吗？

var reminderDiv = document.getElementById('reminderDiv');

var h2 = document.createElement('h2');
var reminderName = document.createTextNode(item.name);
h2.appendChild(reminderName);

var reminderDetails = document.createElement('p');
var br = document.createElement('br');
var reminderOccasion = document.createTextNode('Occasion: ' + item.occasion);    
var reminderLastGift = document.createTextNode('Last Gift:' + item.lastgift);   
var reminderPrefGift = document.createTextNode('Preferred Gift:' + item.prefgift);
reminderDetails.appendChild(reminderOccasion);
reminderDetails.appendChild(br);
reminderDetails.appendChild(reminderLastGift);
reminderDetails.appendChild(br);
reminderDetails.appendChild(reminderPrefGift);

Answer 1

一切都有效,除了换行符

换行:单数.

你只创建一个.然后你将它追加两次.因此它会在reminderOccasion之后再次追加reminderLastGift(将其从之前的位置移除).