នៅពេលយើងផ្ទុករូបភាពចូលទៅក្នុង data យើងមិនអាចផ្ទុកជា Array ទេ ដូន្នេះយើងផ្ទុកបានត្រឹមតែជា string។ ហើយប្រសិនយើងមានច្រើនរូបភាពនៅក្នុង string តែមួយយើងមិនអាចយកមកបង្ហាញបានទេ។ ហើយខាងក្រោមនេះគឺ string មួយ ដែលមានរូបភាពច្រើន
let image = "dog.jpeg dog1.webp dog2.webp dog.jpeg dog4.jpeg cat1.jpeg cat2.jpeg cat.webp"
នៅការបំលែង string ទៅ Array យើងមាន method មួយដែលមានឈ្មោះថា split() ។
</head>
<style>
img{
width: 250px;
height: 300px;
margin: 10px;
float: left;
object-fit: cover;
}
</style>
<body>
<div id="img">
demo
</div>
</body>
<script>
let image = "dog.jpeg dog1.webp dog2.webp dog.jpeg dog4.jpeg cat1.jpeg cat2.jpeg cat.webp"
// convert to array
let img = image.split(" ")
let photo = ""
for(i of img){
photo +=`<img src="img/${i}" alt=""> `
}
document.getElementById("img").innerHTML = photo
</script>
</html>
0 Comments