2010-06-12 4 views
11

어떻게 DIV 태그 사이에 값을 가져 옵니까? 내가 가야DIV 태그 사이에 값을 가져 옵니까?

<div id="myOutput" class="wmd-output"> 
    <pre><code><p>hello world!</p></code></pre> 
</div> 

내 출력 값이

<pre><code><p>hello world!</p></pre> 

답변

20

우선이다, 요소를 찾을 수 있습니다. 가장 빠른 방법은 ID입니다. 그런 다음 innerHTML을 사용하여 요소의 HTML 콘텐츠를 가져옵니다. 사람이 내 앞에 제안 innerHTML을이 경우에 좋은

document.getElementById('myOutput').innerHTML; 
6
document.getElementById("myOutput").innerHTML 
4

,

더 복잡한 HTML 구조를 가지고 내가 jQuery 같은 JS 라이브러리를 사용하는 것이 좋습니다를 조작/통과하십시오. 얻으려면 당신이 될 것하고자합니다 :

$('#myOutput').html() 

내가 (하지만 난 그냥 물론 같은 간단한 예를 들어 전체 JS 라이브러리를로드 할 것입니다) 생각 낫 네요

1

그냥 모든 몇 가지 추가 세부 위의 퍼팅

일부 ID가있는 해당 div에 대해서는 HTML 페이지에 없으면 사용하시기 바랍니다.

var objDiv = document.getElementbyId('myOutput'); 
if(objDiv){ 
    objDiv.innerHTML; 
} 

이렇게하면 페이지의 JavaScript 오류가 발생하지 않습니다.

관련 문제