2014-09-20 5 views
1

Я пытаюсь получить содержимое div в переменной JavaScript.Как получить содержимое div в переменной javascript?

Я попробовать некоторый код:

<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> 

Но он не работает правильно.

+0

'содержание вар = MyDiv1.innerHTML;' – Sirko

ответ

4

Вместо

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

должно быть

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

ИЛИ

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

С .innerHTML вы получите html заданной element в DOM.

EDIT: -

SEE DEMO HERE

+0

как я могу изменить цвет DIV, если значение равно 1, и если значение равно 2, то остаются такими же –

+0

@satyamsharma ... увидеть эту скрипку ... Http://jsfiddle.net/6v3gkq1t/1/ –

1

Вы должны использовать 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> 
Смежные вопросы