Nhận các giá trị giữa các thẻ DIV?

Question

Làm cách nào để nhận các giá trị nằm giữa thẻ DIV?

Ví dụ

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

giá trị sản lượng của tôi, tôi sẽ nhận được là

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

Answer 1

tiên, tìm phần tử. Cách nhanh nhất là bằng ID. Tiếp theo, sử dụng innerHTML để lấy nội dung HTML của phần tử.

document.getElementById('myOutput').innerHTML; 

Answer 2

document.getElementById("myOutput").innerHTML 

Answer 3

innerHtml là tốt cho trường hợp này như kẻ đề nghị trước mắt tôi,

Nếu bạn có cấu trúc html phức tạp hơn và muốn đi qua/vận dụng nó, tôi đề nghị để sử dụng thư viện js như jQuery. Để có được muốn bạn muốn nó sẽ là:

$('#myOutput').html() 

Trông đẹp hơn tôi nghĩ (nhưng tôi sẽ không tải toàn bộ thư viện js chỉ ví dụ đơn giản như vậy tất nhiên)

Answer 4

Chỉ cần đặt tất cả ở trên với một số chi tiết thêm ,

Nếu bạn không chắc chắn về div đó có một số id không có trên trang html sau đó để làm cho nó chắc chắn hãy sử dụng.

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

Điều này sẽ tránh được bất kỳ lỗi JavaScript nào trên trang.