我不知道如何使用數組將這些變成按鈕:
var widgetButtons = ["Zoom In", "Zoom Out", "Pan", "Search"]
任何幫助,將不勝感激。這是我嘗試使用的代碼
<body>
<div id="demo"></div>
<script>
var widgetButtons = ["Zoom In", "Zoom Out", "Pan",
"Search"];
</script>
</body>
</html>
這是另一種方法,使用forEach()
.
ID 不能包含空格,因此我們在設置 id 之前從項目的名稱/文本中刪除空格。
const widgetButtons = ["Zoom In", "Zoom Out", "Pan", "Search"]
const demo = document.getElementById('demo');
widgetButtons.forEach( (item, idx) => {
const btn = document.createElement('button');
btn.id = item.replace(' ', '');
btn.innerText = item;
demo.appendChild(btn);
});
<html>
<body>
<div id="demo"></div>
</body>
</html>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句