how get content of div via javascript

Question

i'm trying to get content of div named 'topage' , i did this code

<script type="text/javascript">

       var topagge = document.getElementsByClassName("topage");
             console.log(topagge);

         </script>

in the console it shows like this :

HTMLCollection[1] 0: span.topage ... innerText:"mycontentofdiv" length: 1 proto: HTMLCollection

i want to get the innerText value , i try this code :

 console.log(topagge.innerText);

but in the console it's undefined

please how can i get content of this collection html object ( using the attribut 0 : span.topage wich contain the innerText.

Also check because you have topagge and topage. As said innerHTML is the way to go. — Tai Kwangi Chicken
– Tai Kwangi Chicken, Commented Jul 14, 2015 at 0:55

Michael0x2a · Accepted Answer · 2015-07-14 02:48:58Z

2

<script type="text/javascript">
    var topagge =document.getElementsByClassName("topage")[0].innerHTML;
    console.log(topagge);
</script>

edited Jul 14, 2015 at 2:48

Michael0x2a

65.6k32 gold badges190 silver badges241 bronze badges

answered Jul 14, 2015 at 0:46

Sudhansu Choudhary

3,3903 gold badges21 silver badges33 bronze badges

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

Comments

youssef mohamed · Accepted Answer · 2015-07-14 00:51:51Z

1

This function getElementsByClassName return Collection or return an array of all elements of this class name so you should change your code to be like this

<script type="text/javascript">
    var topagge = document.getElementsByClassName("topage")[0];
    console.log(topagge.textContent); // or topagge.innerHTML;
</script>

answered Jul 14, 2015 at 0:51

youssef mohamed

453 bronze badges

Comments

leo.fcx · Accepted Answer · 2015-07-14 00:51:11Z

0

You need to wait until the HTML docuemnt is fully loaded. Try this:

<script type="text/javascript">
window.onload = function(){
    var topagge = document.getElementsByClassName("topage");
    console.log(topagge);
}
</script>

EDIT:

window.getElementsByClassName returns an array of elements; then, following code will get HTML content of first element:

topagge[0].innerHTML

edited Jul 14, 2015 at 0:51

answered Jul 14, 2015 at 0:44

leo.fcx

6,4972 gold badges23 silver badges37 bronze badges

1 Comment

kivok94 Over a year ago

yes this is the solution , the problem of undefined is that HTML dosnt complet rendring , but with window.onload it work :) ,

Schien · Accepted Answer · 2015-07-14 00:45:03Z

0

To get the content of a div, use .innerHTML.

document.getElementByClassName is not supported in IE. Can you assign the div an ID, and use document.getElementById instead?

answered Jul 14, 2015 at 0:45

Schien

3,9231 gold badge20 silver badges29 bronze badges

2 Comments

kivok94 Over a year ago

i'm using chrome, and even changing by an id it didnt work

Schien Over a year ago

document.getElementById is supported by all browsers that run JavaScript

ifma · Accepted Answer · 2015-07-14 00:46:15Z

0

Try:

console.log(topagge.innerHTML)

answered Jul 14, 2015 at 0:46

ifma

3,8584 gold badges30 silver badges40 bronze badges

Collectives™ on Stack Overflow

how get content of div via javascript

5 Answers 5

Comments

Comments

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related