cari

Rumah  >  Soal Jawab  >  teks badan

InnerHTML butang tidak boleh dipaparkan pada skrin

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>
P粉024986150P粉024986150485 hari yang lalu516

membalas semua(1)saya akan balas

  • P粉667649253

    P粉6676492532023-09-11 00:06:53

    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');
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="btn0"></button>
<button id="btn1"></button>
<button id="btn2"></button>
<button id="btn3"></button>

    balas
    0
  • Batalbalas