javascript - 如何在vanilla js中打印对象属性值的整个数组

就像angular * ngFor一样，我想在vanila js中实现并在一个div上打印整个对象属性数组

我已经尝试过了，但这对我不起作用

for(let skipques of arr){
    var elem = document.createElement("p");
    elem.setAttribute('Id',arr.ques);
    document.body.appendchild(elem);
}

let arr = [
    {ques: 2},
    {ques: 5},
    {ques: 8},
    { ques: 10}
];

<div id="questId"></div>

我想列出div上的所有ques值，因为此对象数组是动态的

最佳答案

let arr = [
    {ques: 2},
    {ques: 5},
    {ques: 8},
    {ques: 10}
];

let questId = document.querySelector("#questId");
arr.forEach(e => {
    let p = document.createElement("p");
    p.setAttribute('Id',"quesId");
    p.appendChild(document.createTextNode(e.ques));
    questId.appendChild(p);
});

console.log(questId.innerHTML);

/*
result :
<p id="quesId">2</p><p id="quesId">5</p><p id="quesId">8</p><p id="quesId">10</p>
*/

<div id="questId"></div>