Javascript taking div data with JS

Question

HTML:

<div class="takeIDfromhere">400788381251</div>

JavaScript:

<script>
    var ID = document.getElementsByClassName('.takeIDfromhere');
    for(var i=0; i < ID.length; i++) { 
        document.write('\<div class="testclass">'+ID[i]+'</div> \ ');
    }
</script>

My point is, JavaScript must run when document ready.
This did not work.

Where is the mistake?

javascript runs when ever put them, not after document loaded. you can run javascript after document loaded using jQuery: $(document).ready(function () { //Code }) — Mohamad Shiralizadeh
– Mohamad Shiralizadeh, Commented Oct 14, 2014 at 16:12

Justin Morgan · Accepted Answer · 2014-10-14 16:08:57Z

2

It's the stray period.

var ID= document.getElementsByClassName('takeIDfromhere')

This should work. But your document.write code might not do what you think it's doing. The \ characters don't make sense to me, nor does the way you're using ID[i]. Try replacing it with document.write("test") or something and go from there.

answered Oct 14, 2014 at 16:08

Justin Morgan

30.7k13 gold badges82 silver badges109 bronze badges

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

Comments

EvilZebra · Accepted Answer · 2014-10-14 16:11:00Z

1

Remove the . (period) from your class selector and if you want to get the actual ID make sure you are grabbing the innerHTML.

var ID= document.getElementsByClassName('takeIDfromhere');
for(var i=0; i < ID.length; i++) { 
  console.log('\<div class="testclass">'+ID[i].innerHTML+'</div> \ ');
}

answered Oct 14, 2014 at 16:11

EvilZebra

1,0728 silver badges18 bronze badges

Comments

Grissom · Accepted Answer · 2014-10-14 16:10:21Z

0

Put tag at end of the body or handle on document ready event

 <script>
document.ready = function() {var ID= document.getElementsByClassName('.takeIDfromhere');
for(var i=0; i < ID.length; i++) { 
  document.write('\<div class="testclass">'+ID[i]+'</div> \ ');
}
     }
 </script>

answered Oct 14, 2014 at 16:10

Grissom

1,0829 silver badges22 bronze badges

Collectives™ on Stack Overflow

Javascript taking div data with JS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related