Hướng dẫn how do you display an array in html? - làm thế nào để bạn hiển thị một mảng trong html?

let arr = ["A", "B", "C"];

for(let i = 0; i < arr.length; i++){
  console.log(arr[i]);
}

let arr = ["A", "B", "C"];

for(let i = 0; i < arr.length; i++){
  console.log(arr[i]);
}

var contacts =[];

function getInfo() {
    var firstName = prompt("Enter first name");
    var lastName = prompt("Enter last name");
    var emailId = prompt("Enter Email ID");
    var phoneNo = prompt("Enter Phone number");
    var fname, lname, email, phone;
    var person ={
        fname : firstName,
        lname : lastName,
        email : emailId,
        phone : phoneNo
    };
    contacts.push(person);  


    document.getElementById("mydiv").innerHTML += contacts[contacts.length-1].fname+" "+contacts[contacts.length-1].lname;

}

Đã trả lời ngày 4 tháng 3 năm 2016 lúc 14:44Mar 4, 2016 at 14:44

Quá trình quy trìnhThe Process

5,8353 Huy hiệu vàng31 Huy hiệu bạc41 Huy hiệu đồng3 gold badges31 silver badges41 bronze badges

Trước khi bạn thêm tất cả các yếu tố bạn phải làm trống div của bạn.

document.getElementById("mydiv").innerHTML = ''

Đã trả lời ngày 4 tháng 3 năm 2016 lúc 14:45Mar 4, 2016 at 14:45

DCruz22DCruz22DCruz22

7861 Huy hiệu vàng8 Huy hiệu bạc18 Huy hiệu đồng1 gold badge8 silver badges18 bronze badges

Đây là một đoạn hoạt động của những gì bạn đã yêu cầu. Bạn chỉ cần lấy đối tượng được đẩy cuối cùng từ mảng và hiển thị tên.

Ngoài ra,

let arr = ["A", "B", "C"];

for(let i = 0; i < arr.length; i++){
  console.log(arr[i]);
}

var contacts =[];

function getInfo() {
    var firstName = prompt("Enter first name");
    var lastName = prompt("Enter last name");
    var emailId = prompt("Enter Email ID");
    var phoneNo = prompt("Enter Phone number");
   // var fname, lname, email, phone; //also this is not required. you can set dynamic property names in a object.
    var person ={
        fname : firstName,
        lname : lastName,
        email : emailId,
        phone : phoneNo
    };
    contacts.push(person);  

    var currPerson = contacts[contacts.length-1]; //take the last pushed object from the array
    
    var lastNameFirstChar = currPerson.lname.charAt(0).toUpperCase();
  
    if(!document.getElementById(lastNameFirstChar + "_holder")){      
    document.getElementById("mydiv").innerHTML += "
"+lastNameFirstChar+"
";
    
  }
   document.getElementById(lastNameFirstChar + "_holder").innerHTML += currPerson.fname+" "+currPerson.lname + "
";
 

}

Get Person Info
----------------------------

EDIT: Vì bạn nói rằng bạn có thể sử dụng jQuery, tôi đã cập nhật giải pháp với jQuery. Since you said you can use Jquery I have updated the solution with Jquery.

Droidr

631 Huy hiệu vàng2 Huy hiệu bạc13 Huy hiệu đồng1 gold badge2 silver badges13 bronze badges

Đã trả lời ngày 4 tháng 3 năm 2016 lúc 15:12Mar 4, 2016 at 15:12

Rajshekar Reddyrajshekar ReddyRajshekar Reddy

18.3k3 Huy hiệu vàng38 Huy hiệu bạc59 Huy hiệu Đồng3 gold badges38 silver badges59 bronze badges

25

Chỉ là sự thay đổi:

let arr = ["A", "B", "C"];

for(let i = 0; i < arr.length; i++){
  console.log(arr[i]);
}

Kiểm tra nếu bắt đầu khi độ dài của mảng bằng không

Đã trả lời ngày 4 tháng 3 năm 2016 lúc 15:09Mar 4, 2016 at 15:09

Koustav Raykoustav RayKoustav Ray

1.06512 Huy hiệu bạc25 Huy hiệu đồng12 silver badges25 bronze badges

Làm cách nào để hiển thị một phần tử mảng trong HTML?

Làm thế nào để bạn hiển thị một mảng các yếu tố?

Làm thế nào để bạn tạo một mảng ở dạng html?