javascript innerHTML thêm thay vì thay thế

Question

câu hỏi nhanh chóng, tôi biết chúng tôi có thể thay đổi nội dung của một

<div id="whatEverId">hello one<div> bằng cách sử dụng:

document.getElementById("whatEverId").innerHTML="hello two"; 

bây giờ, là có cách nào tôi có thể ADD thứ đến div thay vì thay thế nó ??? vì vậy tôi có thể nhận được

<div id="whatEverId">hello one hello two<div>

(sử dụng một cái gì đó tương tự tất nhiên)

Answer 1

<div id="whatever">hello one</div> 
<script> 
document.getElementById("whatever").innerHTML += " hello two"; 
</script> 

Answer 2

document.getElementById("whatEverId").innerHTML = document.getElementById("whatEverId").innerHTML + "hello two" + document.getElementById("whatEverId").innerHTM ; 

Answer 3

Nếu bạn đang phụ thêm, bạn chỉ có thể thay đổi = bạn để a + =

document.getElementById ("whatEverId"). InnerHTML + = 'hello two';

Nếu tiền tố

document.getElementById ("whatEverId") innerHTML = 'hello hai' + document.getElementById ("whatEverId") innerHTML..;

Mặc dù tôi rất khuyên bạn nên sử dụng các thư viện/khung công tác jQuery hoặc MooTools để thực hiện việc này. Nếu bạn đang thêm các thẻ không chỉ các nút văn bản, thì bạn nên sử dụng DOM createElement hoặc một trong các thư viện/khung công tác nói trên.

Answer 4

Bạn có thể làm điều đó bằng cách thêm div chuỗi như thế này ..

document.getElementById ('div_id') innerHTML + = 'Hello Hai.';

Answer 5

Những gì jcomeau_ictx đề xuất là một cách hiệu quả để chỉnh sửa innerHTML. Kiểm tra Ben cherry's PPT http://www.bcherry.net/talks/js-better-faster

Cách chính xác sẽ tách phần tử đó ra và thực hiện thay đổi và sau đó thêm nó vào nút cha. Sử dụng https://gist.github.com/cowboy/938767 JavaScript gốc từ gist này để phần tử tách rời.