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, Jul 14 '15 at 00:55

score 2 · Answer 1 · edited Jul 14 '15 at 02:48

2

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

edited Jul 14 '15 at 02:48

Michael0x2a

58,192
30
175
224

answered Jul 14 '15 at 00:46

Sudhansu Choudhary

3,322
3
19
30

score 1 · Answer 2 · answered Jul 14 '15 at 00:51

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>

leo.fcx · Accepted Answer · 2015-07-14T00:51:11.593

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 '15 at 00:51

answered Jul 14 '15 at 00:44

leo.fcx

6,137
2
21
37

yes this is the solution , the problem of undefined is that HTML dosnt complet rendring , but with window.onload it work :) , – kivok94 Jul 14 '15 at 08:12

score 0 · Answer 4 · answered Jul 14 '15 at 00:45

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 '15 at 00:45

Schien

3,855
1
16
29

i'm using chrome, and even changing by an id it didnt work – kivok94 Jul 14 '15 at 07:51
document.getElementById is supported by all browsers that run JavaScript – Schien Jul 14 '15 at 14:31

score 0 · Answer 5 · answered Jul 14 '15 at 00:46

0

Try:

console.log(topagge.innerHTML)

answered Jul 14 '15 at 00:46

ifma

3,673
4
26
38

how get content of div via javascript

5 Answers5

Linked