在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之后追加（将其从之前的位置移除）。

Answer 2

您的代码存在的问题是您一遍又一遍地插入相同的元素。 每次添加时都应创建新的op.Direction = ParameterDirection.inputOutput;标记。