Javascript “放置”按钮迭代列表_Javascript_Html_For Loop_Web

Javascript “放置”按钮迭代列表

javascript html for-loop web

Javascript “放置”按钮迭代列表,javascript,html,for-loop,web,Javascript,Html,For Loop,Web,我想创建以下按钮： <!DOCTYPE html> <html> <body> <button type="button">Linear algebra </button> <button type="button">Calculus I </button> <button type="button">Basic Mechanics </button> <butt

我想创建以下按钮：

<!DOCTYPE html>
<html>
<body>

<button type="button">Linear algebra    </button>
<button type="button">Calculus I    </button>
<button type="button">Basic Mechanics    </button>
<button type="button">Mechanics1    </button>
<button type="button">Mechanics2    </button>
<button type="button">Mechanics3    </button>
<button type="button">Mechanics4    </button>
<button type="button">Mechanics5    </button>

</body>
</html>

并使用for循环对其进行迭代，然后使用列表中每个元素的结果创建按钮。这可能吗？

您可以使用来迭代数组，使用来创建按钮，并在需要时将它们附加到DOM中

var科目=[“线性代数”、“微积分I”、“基础力学”、“力学1”、“力学2”、“力学3”、“力学4”、“力学4”]
主题。forEach（功能（项目）{
var button=document.createElement（'button'）；
button.type='button'；
button.innerHTML=项目；
document.body.appendChild（按钮）；
})

const subjects=[“线性代数”、“微积分I”、“基础力学”、“力学1”、“力学2”、“力学3”、“力学4”、“力学4”]
用于（科目的常量项）{
常量按钮=`${item}`
document.body.insertAdjacentHTML（“beforeend”，按钮）；
}

是的，这是可能的：p使用按钮而不是div：要么使用框架来处理这类事情（例如AngularJS或其他版本），要么编写一个小外观，根据数组在DOM中创建元素。谢谢！这很有帮助！我可以看出，我不需要调用该函数，因为它直接运行。那么，我应该把脚本放在我想要的按钮位置吗？如果我希望所有的js函数都在一个单独的文件中呢？是否有使函数可调用的选项？谢谢如果要将其作为函数调用，请声明一个函数并将代码放在其中。如何分离代码取决于您自己。只需确保您在要使用代码的页面上引用了包含代码的文件。您能告诉我如何调用该函数吗？onload方法只在body或img内部有效…如果您知道如何。。。多谢各位！

var subjects=["Linear algebra","Calculus I","Basic Mechanics","Mechanics1","Mechanics2","Mechanics3","Mechanics4","Mechanics4"]