Question

就像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值，因为此对象数组是动态的

Answer 1

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>

Answer 2

请尝试这个。

arr.forEach( item => {
    for(let prop in item) {
        console.log(item[prop]);
    }
});

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

2 个答案: