javascript - 将分数添加到 div
问题描述
我正在尝试在屏幕上呈现分数。当我 appendChild 时,它会创建一个数组。有没有办法更新而不是追加?
function screenScore() {
let screen = new Text("score: " + score);
document.getElementById('score').appendChild(screen);
// document.getElementById('score').last().update(screen);
}
function setupKeyboardControls() {
document.addEventListener('keydown', function (e) {
// console.log(e.keyCode);
if (e.keyCode === 37) {
moveLeft();
} else if (e.keyCode === 38) {
moveUp();
} else if (e.keyCode === 39) {
moveRight();
} else if (e.keyCode === 40) {
moveDown();
}
eraseMap();
drawMap();
console.log(score);
screenScore();
// removeScore();
});
}
<body>
<div id="score"></div>
<div id="body"></div>
<script src="./dist/main.js"></script>
</body>
</html>
解决方案
使用innerText
代替appendChild
document.getElementById('score').innerText = "score: " + score;
更新:正如评论中其他人所说,出于安全原因,最好使用innerText
而不是,innerHTML
所以我更新了我的示例。
推荐阅读
- c++ - 使用opencv的imread时如何确定图像格式/编码
- android - hyperlog-android 并非所有日志都发送到服务器。如何解决这个问题?
- excel - Excel Conditional Formatting - Highlight row with the next date from TODAY
- python - scipy.stats 是否为不同的计算机硬件产生不同的随机数?
- python - Python:为什么我会收到 AttributeError:__enter__
- java - 将按钮添加到带有条件的 javafx 表视图
- sql - “sp_updatestats”
- azure - AAD - 请求中指定的回复 url 与子域请求不匹配
- ios - NSPredicate 逐字匹配字符串
- javascript - 获取消息而不是检索消息.catch 问题 node.js