Breaking News: Grepper is joining You.com. Read the official announcement!

querySelectorAll select multiple element types

Add Answer

Real Rook answered on November 6, 2020 Popularity 1/10 Helpfulness 1/10

answer querySelectorAll select multiple element types

related querySelectorAll multiple lists

related queryselectorall select multiple input types

related queryselectorall of multiple tags

querySelectorAll select multiple element types

Comment

//Form is an Element already created in the HTML page.
let fields = document.getElementById(`Form`).querySelectorAll("input, textarea, select");

// will show an array of inputs,textarea and select elements by the order in form 
//starting from 0
console.log(inputs);

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: element javascript select types

Link to this answer
Share Copy Link

Contributed on Jun 16 2022

Real Rook

0 Answers Avg Quality 2/10

Closely Related Answers

querySelectorAll multiple lists

Comment

var list = document.querySelectorAll("form, p, legend");

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Sep 15 2021

Friendly Hawk

0 Answers Avg Quality 2/10

queryselectorall select multiple input types

Comment

<html>

<body>

<input type='button' value='F3' class="c2" id="btn_1">
<input type='button' value='F3' class="c3" id="btn_2">
<input type='button' value='F1' class="c2" id="btn_3">

<input type='submit' value='F2' class="c1" id="btn_4">
<input type='submit' value='F1' class="c3" id="btn_5">
<input type='submit' value='F2' class="c1" id="btn_6">

<br/>
<br/>

<button onclick="myFunction()">Try it</button>

<script>
    function myFunction() 
    {
        var arrFiltered = document.querySelectorAll('input');

            arrFiltered.forEach(function (el)
            {                
                var node = document.createElement("p");
                
                node.innerHTML = el.getAttribute('id');

                window.document.body.appendChild(node);
            });
        }
    </script>

</body>

</html>

Popularity 6/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: multiple-input select sele

Link to this answer
Share Copy Link

Contributed on Jun 14 2021

Fantastic Flatworm

0 Answers Avg Quality 2/10

queryselectorall of multiple tags

Comment

Yes, because querySelectorAll accepts full CSS selectors,
and CSS has the concept of selector groups, which lets you specify 
more than one unrelated selector. For instance:

var list = document.querySelectorAll("form, p, legend");

...will return a list containing any element that is a form or p or legend.

CSS also has the other concept: Restricting based on more criteria. 
You just combine multiple aspects of a selector. For instance:

var list = document.querySelectorAll("div.foo");

...will return a list of all div elements that also (and) 
have the class foo, ignoring other div elements.

You can, of course, combine them:

var list = document.querySelectorAll("div.foo, p.bar, div legend");

...which means "Include any div element that also has the foo class,
any p element that also has the bar class, and any legend element 
thats also inside a div."

Popularity 9/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: tags

Link to this answer
Share Copy Link

Contributed on Nov 06 2020

Cute Caterpillar

0 Answers Avg Quality 2/10

querySelectorAll select multiple element types

Contents

More Related Answers

querySelectorAll select multiple element types

Closely Related Answers

querySelectorAll multiple lists

queryselectorall select multiple input types

queryselectorall of multiple tags

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.