đặt nội dung giữa các thẻ div bằng cách sử dụng javascript

Question

Tôi đang cố gắng đặt một số nội dung ở giữa một số thẻ div trên trang JSP bằng javascript.

hiện thẻ div trên trang JSP trông như thế này:

<div id="successAndErrorMessages"></div> 

Tôi muốn để điền nội dung trong những thẻ div sử dụng một số phương pháp javascript để nó sẽ trông giống như vậy:

<div id="successAndErrorMessages"><div class="portlet-msg-error">This is an error message</div></div> 

tôi biết bạn có thể đi như thế này:

document.getElementById("successAndErrorMessages").value="someContent"; 

Nhưng đó chỉ là thay đổi giá trị của 'giá trị' att sườn. Nó không điền nội dung giữa các thẻ div đó. Bất cứ ai ra khỏi đó có thể chỉ cho tôi đi đúng hướng?

Answer 1

Hãy thử như sau: link

document.getElementById("successAndErrorMessages").innerHTML="someContent"; 

MSDN để xem chi tiết: innerHTML Property

Answer 2

Xem Creating and modifying HTML vào những gì thường được gọi là các Web Standards Curriculum.

Sử dụng các phương pháp createElement, createTextNode và appendChild.

Answer 3

qua DOM là có thể có được và sửa đổi các giá trị trong các thẻ HTML, sử dụng ví dụ này với javascript

var text = "example"; 
$(this).contents()[0].data = text; 

Answer 4

Nếu số lượng tin nhắn của bạn bị hạn chế thì sau đây có thể giúp đỡ. Tôi đã sử dụng jQuery cho ví dụ sau, nhưng nó hoạt động với các js đơn giản.

Thuộc tính innerHtml không hoạt động đối với tôi. Vì vậy, tôi đã thử nghiệm với ...

<div id=successAndErrorMessages-1>100% OK</div> 
    <div id=successAndErrorMessages-2>This is an error mssg!</div> 

và toggled một trong hai on/off ...

$("#successAndErrorMessages-1").css('display', 'none') 
$("#successAndErrorMessages-2").css('display', '') 

Đối với một số lý do tôi đã phải fiddle xung quanh với thứ tự trước khi nó hoạt động trong tất cả các loại của các trình duyệt.