如何在vanila 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值,因为此对象数组是动态的

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

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>

,

请尝试这个。

arr.forEach( item => {
    for(let prop in item) {
        console.log(item[prop]);
    }
});
本文链接:https://www.f2er.com/3168606.html

大家都在问