将数据值发送到输入答案

【问题标题】：Sending data value to input将数据值发送到输入
【发布时间】：2019-01-07 00:54:32
【问题描述】：

我写了一个函数来获取孩子的价值。我正在使用带有按钮的功能。我希望将值放入例如输入中，以便我可以将其发送到 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);
  }

这是 textarea，添加 formControlName = "hour" 后停止工作。

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

【问题讨论】：

更改 id 或 formControlName。两者都一样，也许这就是原因
不幸的是，事实并非如此。我将 textarea 更改为 p 并发送它。 firebase 显示“小时”，但值为空

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

【解决方案1】：

一些建议：

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

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

例子：

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

PS。用 textContent 代替 innerHTML。

【讨论】：

问题在于，当值被放置在例如 p 标签中时，它会显示出来。当我发送它时，会出现一个空值。当他手动写入时，值出现在 Firebase 中