Address attributes of HTML tags by CSS selector

Question

I'm loading the name and id attributes of a <form> called contactForm to a javascript array like this:

const flds=[];
contactForm.querySelectorAll("input").
    forEach( value => { 
        flds.push([value.id, value.name])
    });
;
console.log(flds);

Can I do that directly without a loop? Something like:

const flds=contactForm.querySelectorAll("input [name,id]")

Jan Ochwat · Accepted Answer · 2022-09-25 15:25:58Z

1

I think the best you can do is a map function.

const flds = [...contactForm.querySelectorAll("input")].map(el => [el.id, el.name])

answered Sep 25, 2022 at 15:25

Jan Ochwat

962 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1