How do I loop through html objects

Question

I'm trying to loop through several objects within the same id, instead of generating a new id for each object and writing out the script, as it is shown below.

<script type="text/javascript">
  function get_object(id) {
   var object = null;
   if (document.layers) {
    object = document.layers[id];
   } else if (document.all) {
    object = document.all[id];
   } else if (document.getElementById) {
    object = document.getElementById(id);
   }
   return object;
  }
get_object("inputdata").innerHTML=DrawCode39Barcode(get_object("inputdata").innerHTML,1);
get_object("inputdata2").innerHTML=DrawCode39Barcode(get_object("inputdata2").innerHTML,1);
</script>

document.layers? document.all? Why are you writing code for Netscape 4 and Internet Explorer 5.0? — Quentin
– Quentin, Commented Sep 19, 2015 at 17:33
Could you try to be a little more descriptive? Like what is your requirement? Do you have several HTML elements under one element and you want to iterate over all those inner elements? — naddy19
– naddy19, Commented Sep 21, 2015 at 4:39

Quentin · Accepted Answer · 2015-09-19 17:34:19Z

1

querySelectorAll (with a CSS class selector as its argument) and getElementsByClassName will both return an array-like HTML collection of elements that are a member of a given class. You can use it with a simple for loop.

answered Sep 19, 2015 at 17:34

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

3 Comments

user3773508 Over a year ago

Im not sure how to implement this? I accidentally said class when intending id.

Quentin Over a year ago

@user241619 — You cannot have multiple elements with the same id. The HTML specification forbids it and it defeats the whole purpose of using an id. If you want multiple elements with a shared identifying feature, use a class, that is what class is designed for.

user3773508 Over a year ago

Thank you for your help. What does this look like in terms of the above code. Im not entirely familiar with javascript.

allvideolectures · Accepted Answer · 2015-09-19 21:35:09Z

0

For example looping all Input I use this code

$('input').each(function() {
    if(!$(this).val()){
        alert('Some fields are empty');
       return false;
    }
});

answered Sep 19, 2015 at 21:35

allvideolectures

1459 bronze badges

Collectives™ on Stack Overflow

How do I loop through html objects

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related