innerHTML未从fetch函数接收值

Question

我有一个简单的api fetch，它返回一个我想要插入到输入中的数字。我正在使用Document.getElementById(#id).InnerHTML。我可以通过console.log看到该值，但它没有显示在输入中。

    <div>
      <input type="number" name="AtBats" id="atBats" value="" />
    </div>

    <script>
      const player_url =
        'http://lookup-service-prod.mlb.com/json/named.sport_hitting_tm.bam?league_list_id=%27mlb%27&game_type=%27R%27&season=%272017%27&player_id=%27592450%27';
      
async function getNums() {
        const response = await fetch(player_url);
        const data = await response.json();
        let output = data.sport_hitting_tm.queryResults.row.ab;
        console.log(output);
        document.getElementById('atBats').innerHTML = output;
        console.log(atBats)
      }

      getNums();

Answer 1

您不能将innerHTML分配给输入元素，因为它没有输入元素。Value和innterHTML不是一回事。您可以这样做来更改值；

document.getElementById('atBats').value= output;