将数据值发送到输入

时间:2019-01-06 14:33:01

标签: javascript angular typescript firebase firebase-realtime-database

我写了一个函数,可以让我获得孩子的价值。我正在使用带有按钮的功能。我希望将值放入例如输入中,以便将其发送到firebase。

此函数获取子元素的值并将其放在ID为 hour 的元素中。我尝试了textarea。显示该值,但是添加formControlName="hour"时已停止工作。我正在寻求这种情况的帮助

 getHour() {
  const child = document.getElementsByClassName('day picked')[0];
      const value = child.children[0].childNodes[0].nodeValue;
      document.getElementById('hour').innerHTML = value;
      console.log(value);
  }

这是文本区域,在添加formControlName =“ hour”后将停止工作。

    <textarea id= 'hour' readonly=readonly  formControlName="hour"></textarea>

1 个答案:

答案 0 :(得分:0)

一些建议:

首先,我不知道您是否实际上以正确的方式使用了该命令。 getElementByClassNames('class1 class2')实际上正在搜索同时具有这两个类的元素。

也许更好的方法是使用querySelector。 此外,它还可以帮助您更轻松地选择子元素。

示例:

Const value = querySelector('.class').value;
querySelector('.class2:first-child').innerHTML = value;

PS。代替innerHTML而是使用textContent。