我希望為頁面上的 li 標簽列印汽車屬性。我的意思是顯示名稱和其他屬性，如串列。
let car={
name: "benz",
type: "mercedes",
price: 5000
return this.name this.type this.price;
}
let result="";
let p=document.querySelectorAll("ul li");
for(p in car){
result= result car[p];
}
document.write(result);<body>
<div>
<ul id="carr">
<li>name:</li>
<li>type:</li>
<li>price:</li>
</ul><br><br>
</div>
</body>
uj5u.com熱心網友回復：
如果我理解正確，那么這應該給你一些想法。
const myCar = {
name: "benz",
type: "mercedes",
price: 5000,
};
function renderCar(car) {
const listElement = document.getElementById("carr");
listElement.innerHTML = `
<li>name: ${car.name}</li>
<li>type: ${car.type}</li>
<li>price: ${car.price}</li>
`
}
renderCar(myCar);<body>
<div>
<ul id="carr"></ul>
<br /><br />
</div>
</body>- 如果我們有多個汽車（一個物件陣列），我們還可以遍歷陣列并
<li>為每個成員的每個屬性顯示一個。
uj5u.com熱心網友回復：
如果您有汽車串列，則可以執行以下操作：
let cars = [{
name: "benz",
type: "mercedes",
price: 5000
},
{
name: "fiat",
type: "punto",
price: 6000
},
{
name: "bmw",
type: "i900",
price: 7000
},
{
name: "toyota",
type: "corola",
price: 8000
}
]
let carsList = document.getElementById("carr");
cars.forEach(function(car, index) {
let name = document.createElement("li");
let type = document.createElement("li");
let price = document.createElement("li");
name.appendChild(document.createTextNode("Name: " car.name));
type.appendChild(document.createTextNode("Type: " car.type));
price.appendChild(document.createTextNode("Price: " car.price));
carsList.appendChild(name);
carsList.appendChild(type);
carsList.appendChild(price);
})<body>
<div>
<ul id="carr"></ul>
<br /><br />
</div>
</body>uj5u.com熱心網友回復：
您可以按如下方式應用它。您可以在 html 中創建 javascript 并在物件上放置屬性。
let car = {
name: "benz",
type: "mercedes",
price: 5000
}
var propertyName = ['name', 'type', 'price'];
let ulCreate = document.createElement('ul');
document.body.appendChild(ulCreate);
for (var prop in propertyName) {
var li = document.createElement('li');
li.innerHTML = propertyName[prop] " :" car[propertyName[prop]];
ulCreate.appendChild(li);
}let car = [{
name: "benz",
type: "mercedes",
price: 5000
},{
name: "A3",
type: "audi",
price: 8000
},{
name: "focus",
type: "ford",
price: 2500
}]
var propertyName = ['name', 'type', 'price'];
let ulCreate = document.createElement('ul');
document.body.appendChild(ulCreate);
for (var cr in car) {
for (var prop in propertyName) {
var li = document.createElement('li');
li.innerHTML = propertyName[prop] ":" car[cr][propertyName[prop]]
ulCreate.appendChild(li);
}
}轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/493295.html
標籤：javascript html
上一篇：正則運算式從字串中提取用戶名
下一篇：如何自定義格式數字