在javascript中的文本节点中添加内联标记

嗨，这可能很容易，但我是新来的，刚刚学习我需要帮助解决两个问题

首先，当使用

document.createElement（）

创建元素时，如何向该元素添加类或id

----通过添加一个变量来区分来自我添加并命名为id的数组的数据，找到了

className=“”

或

id=“”

问题的解决方案----

其次，使用

createTextNode（）

避免使用innerHTML如何在中添加换行符标记

假设我有一个

items=[{id:“item-1”，name:“apple”，price:1}，{id:“item-2”，name:“mango”，price:3}]数组

我想通过以下几点来了解它们：

let data=document.getElementById（“项目数据”）；
items.forEach（item=>{
让container=document.createElement（“div”），//这里我想添加一个已定义的id以供进一步使用
itemData=document.createTextNode(
`商品名称：${item.name}价格：${item.price}`；//我想在这里添加br
container.appendChild（itemData）；
container.id=item.id；
数据。子对象（容器）；
};
你的意思是这样的吗：

container.appendChild(document.createElement("br"));


let base=document.querySelector（“.base”）；
让项目=[{
id:“第1项”，
名称：“苹果”，
价格：1
}, {
id:“第2项”，
名称：“芒果”，
价格:3
}];
items.forEach（item=>{
让container=document.createElement（“div”），//这里我想添加一个已定义的id以供进一步使用
itemData=document.createTextNode(
`商品名称：${item.name}价格：${item.price}`；//我想在这里添加br
container.appendChild（itemData）；
container.appendChild（document.createElement（“br”）；//它起作用了，但我先附加了短语的一部分，然后是另一部分，然后是