How to display multiple elements to html using javascript?

Question

When I try to print elements found by function, just the first one is being printed.

Tried multiple printing methods. For now alert() is working fine, but I can't copy the content.

    function test() {
       var x = document.getElementsByClassName("but b_yt");
       for (i = 0; i < x.length; i++) { 
          alert(x[i]);
       }
    }

Every other printing methods doesn't print at all, prints just first one or something like [HTML Data Collection]. console.log works, but it gives me the whole HTML code of button.

thats expected behaviour as alert() will stop any further execution until you click "ok" on dialogue — john Smith
– john Smith, Commented Nov 1, 2019 at 14:27
Can I force console.log to print just link that is in the button? — fejker
– fejker, Commented Nov 1, 2019 at 14:31
Try setting x to [...document.getElementsByClassName("but b_yt")], it will spread the HTML data collection into an array of elements — GammaGames
– GammaGames, Commented Nov 1, 2019 at 14:32

dmitri7 · Accepted Answer · 2019-11-01 15:10:11Z

1

You can get href attributes this way:

let elements = document.getElementsByClassName('but b_yt');

for(let i = 0; i < elements.length; i++) {
    let element = elements[i];
    console.log(element.getAttribute('href'));
}

answered Nov 1, 2019 at 15:10

dmitri7

1935 bronze badges

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

Comments

Shadab Ali · Accepted Answer · 2019-11-01 15:40:30Z

0

may be a noob approach this will give you innerhtml of each h1

<h1 class="abc">hello</h1>
<h1 class="abc">helsfvdfbbdfbdlo</h1>

`

var s = document.getElementsByClassName('abc');

for (i = 0; i < s.length; i++) {
    console.log(document.getElementsByClassName('abc')[i].innerText);
}

answered Nov 1, 2019 at 15:40

Shadab Ali

4495 silver badges12 bronze badges

1 Comment

fejker Over a year ago

This returns everything between tags, but not source of the link.

Collectives™ on Stack Overflow

How to display multiple elements to html using javascript?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related