Jadi saya ada masalah dengan innerHTML. Saya mempunyai butang tatasusunan kosong dan saya mengisinya menggunakan gelung for. Kemudian saya menggunakan gelung for yang lain untuk menetapkan innerHTML setiap butang kepada "Maklumat", tetapi apabila saya menyemak tapak saya, butang itu masih kosong.
//数组
let buttons = [];
//循环问题
for(let i = 0; i < 2; i++)
{
//填充按钮数组的循环
for(let l = 0; l < 4; l++)
{
buttons[l] = $(`#btn${l}`);
}
//循环设置按钮的innerHTML
for(let s = 0; s < buttons.length; s++)
{
buttons[s].innerHTML = "Info";
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz Game</title>
</head>
<body>
<!-- 主容器 -->
<div class="main-container">
<!-- 头部 -->
<h1 class="header" id="header">Quiz Game</h1>
<!-- 按钮 -->
<button id="btn0"></button>
<button id="btn1"></button>
<button id="btn2"></button>
<button id="btn3"></button>
</div>
<script src="/library/jquery-3.6.3.min.js"></script>
<script src="test1.js"></script>
</body>
</html> 
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Dengan jQuery, anda harus memanggil
buttons[s].html("Info");来设置innerHTML。然而，在这里使用buttons[s].text("Info");lebih baik kerana sebenarnya tiada sebarang teg HTML dalam rentetan.Anda juga boleh menggunakan pemilih untuk memilih semua butang bermula dengan
"btn"dan menetapkan teksnya sekali gus.const buttons = $('[id^=btn]'); buttons.text('Info');