2014-09-20 6 views
1

div의 내용을 JavaScript 변수로 가져 오려고합니다. 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> 

를하지만 제대로 작동하지 않습니다. 대신

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

+0

'VAR 내용 = MyDiv1.innerHTML, 값이 1이면 내가 DIV의 색상을 변경하고 값이있는 경우 (2) 다음이 바이올린을 볼 ... 같은 – Sirko

답변

4

.innerHTML

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

또는

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

당신이 DOM에 지정된 elementhtml을 얻을 수 있어야합니다.

편집 : -

SEE DEMO HERE

+0

... HTTP ://jsfiddle.net/6v3gkq1t/1/ –

+0

@satyamsharma 유지하는 방법을' –

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> 
관련 문제