Get certain attribute of HTMLCollection

Question

So I was wondering if there was a way to get e.g. all value's of an HTMLCollection. So something like this:

var users = document.getElementsByName('users')
var userLength = []
for (var i = 0; i < users.length; i++) {
    userLength.push(users[i].value);
}
userLength.sort(function(a, b){return b - a});
console.log(userLength);

...but in one line, so more like this:

document.getElementsByName('users').value

_{If you want to run this, it was written for the sites-section on stackexchange. And no, the second one doesn't work.}

I can't use jQuery, so this is not an option for me.

Your example doesn't use innerText it uses value. Start there. Maybe if you add a minimal reproducible example to your question we can help debug. — Andy
– Andy, Commented Aug 25, 2021 at 12:51
Sure you can do it in one line.... delete the returns. :) There is nothing that can do it in one like you want. But map() is the way to go. document.querySelectorAll("[name='users']").map(x => x.value) — epascarello
– epascarello, Commented Aug 25, 2021 at 13:00

Mamun · Accepted Answer · 2021-08-25 13:04:18Z

1

First get element array getting using Spread syntax (...), then use Array.prototype.map() to get the all the values. Finally chain the sort method on the returned results:

var users = document.getElementsByName('users')
var userLength = [...users].map(el => +el.value).sort(function(a, b){return b - a});
console.log(userLength);

<input name="users" value="11"/>
<input name="users" value="22"/>

edited Aug 25, 2021 at 13:04

answered Aug 25, 2021 at 12:54

Mamun

69k9 gold badges51 silver badges62 bronze badges

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

4 Comments

gurkensaas Over a year ago

I know this is not really part of the question but is there a way to get the program to return the text like a document.getElementsByName();-statement would?

Mamun Over a year ago

@gurkensaas, do you mean the value in the string format?

gurkensaas Over a year ago

If I now try to do it with strings, it gives me NaN's. Is there a way to also get strings?

Mamun Over a year ago

@gurkensaas, remove the + from +el.value....i,e: [...users].map(el => el.value).sort(function(a, b){return b - a});

Collectives™ on Stack Overflow

Get certain attribute of HTMLCollection

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related