Javascript 通过函数传递HTML元素

如何通过函数传递HTML元素，因为我不想使用ID，我想动态创建函数

重点在这里没有意义，但在我的代码中有意义：

函数MyFunction（passedObject）{
警报（passedObject.value）；
passedObject.focus（）
}

---

我想你需要这样的东西

函数MyFunction（元素）{
警报（元素值）；
元素focus（）
}

---

我认为这就是解决方案：您必须使用ID选择元素，但只能选择一次

var input = document.getElementById("TheInput");

function MyFunction(passedObject) {
  alert(passedObject.value);
  passedObject.focus()
}

var inputElem = document.getElementById("TheInput");
MyFunction(inputElem)

---

您可以在html生成中动态定义函数，如下所示：

---

一个关键部分是函数在函数声明之后传递它。在单击按钮之前，该函数将不存在。如果在单击按钮之前存在，它将覆盖以前的声明。如果您只是尝试执行函数，而不需要在onclick之外与它交互，您还可以删除函数名并将其作为匿名函数执行。

您希望传递哪个元素？它是否与输入元素有明确的结构化关系？我希望像我的示例中那样传递输入元素。因此，passedObject.value将是输入中的文本box@Frank-我点击它，它会提醒一个空白字符串（即输入中的文本），我键入一些内容，我再次点击它，它会提醒我键入的内容（以及输入中的文本）。我不明白问题是什么。是的，我知道。我在下面的回答中提到，我注意到我的代码是有效的哦，这正是我的第一个示例bhaha。由于某种原因，当我尝试它时，它不起作用。这和第一个例子相同吗？value=“Hello World”不添加任何内容，并且不需要id=“TheInput”？