JavaScript DOM操作：createTextNode（）与element.textContent

Question

要在JavaScript中创建新的HTML元素，我可以使用：

let li = document.createElement('li');

li.textContent = val;

list.appendChild(li);

或者：

let li = document.createElement('li');
let text = document.createTextNode(val);

li.appendChild(text);
list.appendChild(li);

我已经看到两种变化，两者似乎同样有效。唯一的区别似乎是第一个变体的行代码更少。

但是将元素追加到父节点的首选方法是什么？出于什么原因？

或者这仅仅是个人偏好的问题，并不重要？