Hướng dẫn display array in html javascript - hiển thị mảng trong html javascript

Không chắc chắn làm thế nào để in kết quả lên HTML. Tôi có thể làm như vậy thông qua cảnh báo. Làm cách nào để in trên trình duyệt?

    
        var parsed = "";
        var myObject = [{
            firstname: "Jane",
            lastname: "Doe",
            email: ""
        }, {
            firstname: "Ja",
            lastname: "joe",
            email: ""
        }, {
            firstname: "Janet",
            lastname: "joes",
            email: ""
        }];

        for [i = 0; i < myObject.length; i++] {
            var myobj = myObject[i];
            for [var property in myobj] {
                parsed += property + ": " + myobj[property] + "\n";
                alert[property];
                alert[myobj[property]];
            }
        }            
        alert[parsed];
    

Không chắc chắn làm thế nào để in kết quả lên HTML. Tôi có thể làm như vậy thông qua cảnh báo. Làm thế nào tôi có thể in trên trình duyệt?

Risadinha

15.2k2 Huy hiệu vàng78 Huy hiệu bạc88 Huy hiệu đồng2 gold badges78 silver badges88 bronze badges

Hỏi ngày 5 tháng 8 năm 2015 lúc 10:26Aug 5, 2015 at 10:26

2

    
        
                 
        
        
            
            
                var parsed = "";
                var myObject = [{
                    firstname: "Jane",
                    lastname: "Doe",
                    email: ""
                }, {
                    firstname: "Ja",
                    lastname: "joe",
                    email: ""
                }, {
                    firstname: "Janet",
                    lastname: "joes",
                    email: ""
                }];
                for [i = 0; i< myObject.length; i++] {
                    var myobj=  myObject[i];
                    for [var property in myobj] {
                        parsed += property + ": " + myobj[property] + "\n";          
                    }
                }                           
                $["#display"].val[parsed];            
            
        
    

Risadinha

15.2k2 Huy hiệu vàng78 Huy hiệu bạc88 Huy hiệu đồng2 gold badges78 silver badges88 bronze badges

Hỏi ngày 5 tháng 8 năm 2015 lúc 10:26Aug 5, 2015 at 10:34

2

Đã trả lời ngày 5 tháng 8 năm 2015 lúc 10:34

Tạo một phần tử, ví dụ: Div hoặc nhãn bên trong thân HTML với một thuộc tính cụ thể, ví dụ: id, tên

HTML

document.getElementById['arrayMessage'].innerHTML = parsed ;

JavaScript

$["#arrayMessage"].html[parsed];

JQuery

Bạn có thể sử dụng các thuộc tính khác của các thành phần để tìm nạp chúng theo loại, tên hoặc loại thẻ HTML.Aug 5, 2015 at 10:32

Đã trả lời ngày 5 tháng 8 năm 2015 lúc 10:32Nagama Inamdar

Nagama Inamdarnagama Inamdar22 gold badges39 silver badges47 bronze badges

0

2.83122 Huy hiệu vàng39 Huy hiệu bạc47 Huy hiệu đồng

document.write[[1,2,3]];

Bạn có thể sử dụng đơn giản:

Nhưng điều đó sẽ không quá đẹp và sẽ ghi đè nội dung trang hiện có.

...

  




  var data = document.getElementById['data'];
  myObject.forEach[function[element] {
     var firstname = document.create['div'];
     var lastname = document.create['div'];
     var email = document.create['div'];

     firstname.innerHTML = element.firstname;
     lastname.innerHTML = element.lastname;
     email.innerHTML = element.email;

     data.appendChild[firstname];
     data.appendChild[lastname];
     data.appendChild[email];
  }];

...

Bạn có thể làm điều này:Aug 5, 2015 at 10:33

Đã trả lời ngày 5 tháng 8 năm 2015 lúc 10:33NMunro

Nmunronmunro5 silver badges20 bronze badges

8805 Huy hiệu bạc20 Huy hiệu Đồng

    
         ...
         

         ...
    

Tạo một phần tử trong trang HTML của bạn sẽ chứa đầu ra và gán cho nó một ID duy nhất thích hợp, chẳng hạn như "Target-ID".

document.getElementById['target-id'].innerHTML = 'html data';

Sau đó sử dụng phương thức bên dưới để chèn văn bản/HTML desced vào phần tử đó.

Xem thêm: Chèn HTML vào DIVAug 5, 2015 at 10:28

Đã trả lời ngày 5 tháng 8 năm 2015 lúc 10:28bwright

Bwrightbwright1 silver badge15 bronze badges

3451 Huy hiệu Bạc15 Huy hiệu Đồng

Đối với giải pháp dễ nhất là sử dụng JSON.Stringify [] với tùy chọn thụt lề và sử dụng thẻ. Json.Stringify [JSON, NULL, 4] 4 không gian thụt lề.

Đã trả lời ngày 22 tháng 1 năm 2020 lúc 11:44Plippie

Plippieplippie31 silver badges28 bronze badges

2.81031 huy hiệu bạc28 Huy hiệu đồng

Đây là một giải pháp đơn giản, chúng tôi chuyển đổi mảng các đối tượng thành một chuỗi bằng JSON.Stringify []. Hy vọng rằng đó là những gì bạn muốn làm.Nov 19, 2019 at 0:50