Để nhúng các phần tử của một mảng vào bên trong một div, chúng ta chỉ cần lặp qua mảng và tiếp tục nối phần tử đó vào div
Điều này có thể được thực hiện như thế này -
Ví dụ
const myArray = ["stone","paper","scissors"];
const embedElements = () => {
myArray.forEach(element => {
document.getElementById('result').innerHTML +=
`<div>${element}</div><br />`;
// here result is the id of the div present in the DOM
});
}; Đoạn mã này đưa ra giả định rằng div mà chúng ta muốn hiển thị các phần tử của mảng có id là ‘result’.
Mã hoàn chỉnh cho điều này sẽ là -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="result"></div>
<button onclick="embedElements()">Show Data</button>
<script>
{
const myArray = ["stone","paper","scissors"];
function embedElements(){
myArray.forEach(el => {
document.getElementById('result').innerHTML +=`<div>${el}</div><br />`;
// here result is the id of the div present in the dom
});
};
}
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút “Hiển thị dữ liệu”, thông tin sau sẽ hiển thị -
