获取Javascript函数以按ID应用于所有元素

时间:2014-11-13 18:36:37

标签: javascript html

我有一个简单的网页,其中日期和名称输入到表单字段和字段中,并在用户单击按钮时在段落中传输。有些是输出到跨度,使用InnerHTML其他输入。

某些日期/名称必须在文档中多次出现。我需要将我的代码应用于具有该实际ID的所有盒子。我应该使用课吗?

示例输出日期:

// This Defines the Date the Medical Was received
  var MEDRName = document.getElementById("MEDRName");
var elements = document.getElementsById("OUTMEDR");
for(var i = 0, len = elements.length; i < len; i++){
elements[i].onclick = function () {
  var OUTMEDR = document.getElementById("OUTMEDR");
  var name = MEDRName.value;

这会出现在多个段落中,我需要填充此ID的每个元素。

<p> The medical was signed by <input type="text" id="MEDRNAME" /> </p>

<p><input type="text" id="MEDRNAME" /> indicated that yadayadayada</p>

1 个答案:

答案 0 :(得分:1)

  

我需要将我的代码申请应用于具有该实际ID的所有框

我应该是唯一的。由于只有一个带有id的元素,getElementsById无效,但是getElementById是。

You can see more info here.

  

我应该使用课吗?

是的,你应该这样做,这是适当的方式。然后你可以使用getElementsByClassName或querySelectorAll来选择它们。