Question

这是我的html代码：

<div class="input_cont">
<Input type="hidden" id="time" name="time">
</div>
<div class="input_cont">
<Input type="hidden" id="time" name="time">
</div>
<div class="input_cont">
<Input type="hidden" id="time" name="time">
</div>

这是我的javascript代码：

const getTime = () {

const inpCont = document.querySelectorAll('.input_cont #time');

inpCont.forEach((fields) => { 
fields.querySelector('#time').value = '5:00:00 AM';
});

}

getTime();

但是我遇到了这些错误：

- 未捕获的TypeError：无法将属性“值”设置为null。
  - 在forEach（）的NodeList上
  - 在获取时间

请帮助我，我仍在学习，这是我的学校项目。谢谢。

Answer 1

您的箭头功能格式错误，并且您多次使用相同的ID。

function getTime () {
  const inpCont = document.querySelectorAll('.input_cont [name="time"]');
  inpCont.forEach((fields) => { 
    fields.value = '5:00:00 AM';
  });
}

getTime();

<div class="input_cont">
<Input type="text" name="time">
</div>
<div class="input_cont">
<Input type="text" name="time">
</div>
<div class="input_cont">
<Input type="text" name="time">
</div>

我正在尝试将所有相同的值放入我的输入字段中

1 个答案: