How to get div content in javascript variable?

Question

I am trying to get the content of a div in a JavaScript variable.

I did try some code:

<html>
     <head>
         <script>
             function data(){
                 alert();
                 var MyDiv1 = document.getElementById('newdata') 
                 alert(MyDiv1);
             }
         </script>
    </head>

    <body>
         <div id="newdata" style="background-color: red; width: 100px;height: 50px;">
             1 <!-- The content I'm trying to get -->
         </div>
         <a href="" onclick="data();">Logout</a>
    </body>
</html>

But it does not work correctly.

var content = MyDiv1.innerHTML;

Sirko
– Sirko

2014-09-20 10:43:57 +00:00
Commented Sep 20, 2014 at 10:43 — Sirko
– Sirko, Commented Sep 20, 2014 at 10:43

Kartikeya Khosla · Accepted Answer · 2014-09-20 10:57:46Z

4

Instead of

var MyDiv1 = document.getElementById('newdata')
alert(MyDiv1)

it should be

var MyDiv1 = document.getElementById('newdata').innerHTML
alert(MyDiv1)

OR

var MyDiv1 = document.getElementById('newdata')
alert(MyDiv1.innerHTML)

With .innerHTML you will get the html of specified element in the DOM.

EDIT:-

SEE DEMO HERE

edited Sep 20, 2014 at 10:57

answered Sep 20, 2014 at 10:44

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

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

1 Comment

satyam sharma Over a year ago

how can i change color of div if value is 1 and if value is 2 then remain same

Arun Banik · Accepted Answer · 2014-09-20 11:44:56Z

1

You must use innerHTML.

<html>
<head>
</head>
<body>
    <div id="newdata" style="background-color: red; width: 100px;height: 50px;">
        1
    </div>

    <a href="" onclick="data();">Logout</a>
</body>

    <script>
        function data() {
            var MyDiv1 = document.getElementById('newdata').innerHTML;
            alert(MyDiv1);
        }
    </script>

</html>

edited Sep 20, 2014 at 11:44

answered Sep 20, 2014 at 10:51

Arun Banik

4704 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to get div content in javascript variable?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related