Cách lấy văn bản của thẻ div chỉ sử dụng javascript (không có jQuery)

Question

Tôi đã thử cách này nhưng hiển thị "không xác định".

function test() { 
var t = document.getElementById('superman').value; 
alert(t); } 

Có cách nào để lấy giá trị bằng cách sử dụng Javascript đơn giản không có jQuery Xin vui lòng!

Answer 1

Có thể bạn sẽ muốn thử textContent thay vì innerHTML.

Cho innerHTML sẽ trả về nội dung DOM dưới dạng String và không chỉ là "văn bản" trong div. Sẽ tốt nếu bạn biết rằng div chỉ chứa văn bản nhưng không phù hợp nếu mọi trường hợp sử dụng. Đối với những trường hợp này, có thể bạn sẽ phải sử dụng textContent thay vì innerHTML

Ví dụ, xem xét các đánh dấu sau:

<div id="test"> 
    Some <span class="foo">sample</span> text. 
</div> 

Bạn sẽ nhận được kết quả sau:

var node = document.getElementById('test'), 

htmlContent = node.innerHTML, 
// htmlContent = "Some <span class="foo">sample</span> text." 

textContent = node.textContent; 
// textContent = "Some sample text." 

Xem MDN để biết thêm chi tiết:

• textContent
• innerHTML

Answer 2

Vì textContent không được hỗ trợ trong IE8 trở lên, đây là một cách giải quyết:

var node = document.getElementById('test'), 
var text = node.textContent || node.innerText; 
alert(text); 

innerText làm việc trong IE.