2014-09-20 69 views
1

我試圖在JavaScript變量中獲取div的內容。如何在javascript變量中獲取div內容?

我也嘗試了一些代碼:

<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 2014-09-20 10:43:57

回答

4

而不是

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

應該

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

OR

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

隨着.innerHTML你會得到指定elementhtmlDOM

編輯: -

SEE DEMO HERE

+0

如何更改的div顏色值是否爲1,並且如果值是2,則保持相同 – 2014-09-20 11:00:59

+0

@satyamsharma ...看到這個小提琴... HTTP:/ /jsfiddle.net/6v3gkq1t/1/ – 2014-09-20 11:06:10

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>