2010-06-12 12 views
11

Wie bekomme ich die Werte zwischen einem DIV-Tag?Werte zwischen DIV-Tags abrufen?

Beispiel

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

meine Ausgangswerte I erhalten sollte

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

Antwort

20

Zuerst finden das Element ist. Der schnellste Weg ist nach ID. Als nächstes verwenden Sie innerHTML, um den HTML-Inhalt des Elements zu erhalten.

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

innerhtml für diesen Fall gut ist, wie Jungs vor mir vorgeschlagen,

Wenn Sie komplexere HTML-Struktur haben und wollen, dass es zu durchqueren/manipulieren Ich schlage vor, wie jQuery js Bibliotheken zu verwenden. Erhalten möchten Sie wollen, es wäre:

$('#myOutput').html() 

Sieht schöner Ich denke (aber ich würde nicht ganze js Bibliothek laden nur für solche einfachen Beispiel natürlich)

1

einfach alle oben mit einigen zusätzlichen Details setzen ,

Wenn Sie nicht sicher sind, dass div einige ID hat, gibt es nicht auf der HTML-Seite dann, um es sicher zu machen, bitte verwenden Sie.

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

Dies wird vermeiden, dass JavaScript-Fehler auf der Seite.