javascript - innerHTML 未从 fetch 函数接收值
问题描述
我有一个简单的 api 提取,它返回一个我想插入输入的数字。我正在使用 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();
解决方案
您不能将 innerHTML 分配给输入元素,因为它没有它。Value 和 interHTML 不是一回事。你可以这样做来改变价值;
document.getElementById('atBats').value= output;
推荐阅读
- vba - 如何在 Word 中的 VBA 中的一个函数中搜索多个单词?
- python - 在 if/then 语句中使用错误作为条件
- javascript - Electron 应用程序显示白屏但在 CentOS 8 上呈现
- python - 如何在熊猫中删除十进制数字
- sql - 表别名到子查询
- android - 使用Android在Kotlin的try catch块中获取值而不是单位
- node.js - 使用外键将数据插入表中
- ios - UItableview 有两组选项
- javascript - Typescript 根据条件导出枚举?
- c++ - 使用带有周期性边界条件的 Verlet 算法进行 MD 模拟的失控能量