亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 java 腳本中將數組寫入元素時出現未知錯誤?

在 java 腳本中將數組寫入元素時出現未知錯誤?

qq_笑_17 2022-09-16 21:00:46
我希望向 div 中添加一個數組。不適用于 。我能夠使用 將數組寫入 DOM。這是整個網頁document.getElementsByClassName('boxed').innerHTML = numListdocument.write(numList)<!DOCTYPE html><html><head><title>Super Lotto</title><meta charset="utf-8"><link href="https://fonts.googleapis.com/css?family=Libre+Franklin" rel="stylesheet"><link href="lotto-styles.css" rel="stylesheet"><script>    do {        var high = prompt('What\'s the highest number you want to generate','');        high = parseInt(high, 10);    } while (isNaN(high));    do {        var nums = prompt('How many numbers do you want to generate','');        nums = parseInt(nums, 10);    } while (isNaN(nums));    function rand(highestNum) {        var randomNumber =        Math.floor(Math.random() * highestNum) + 1;        return randomNumber;    }    var numList = [];    for (var i = 0; i < nums; i++) {        // Go through this loop quantity of times        numList.unshift(rand(high));         // add new number to end of array    };    numList.toString();    document.getElementsByClassName('boxed').innerHTML = numList;</script></head><body><div id="container">    <header>        <h1>Lucky Numbers</h1>    </header>    <main>        <div class="boxed"></div>         <p>Good luck!</p>    </main></div> <!-- Closing container --></body></html>
查看完整描述

2 回答

?
紫衣仙女

TA貢獻1839條經驗 獲得超15個贊

你的問題是,在innerHTML中,你不能添加一個數組,只是一個字符串,來添加你需要做的數字,比如,我修改了你的代碼來做到這一點。我改變的另一件事是,我沒有使用“盒裝”作為類,而是使用它作為id,因為getElementsByClassName返回一個節點列表。numList.join(" ");


 do {

    var high = prompt('What\'s the highest number you want to generate','');

    high = parseInt(high, 10);

} while (isNaN(high));


do {

    var nums = prompt('How many numbers do you want to generate','');

    nums = parseInt(nums, 10);

} while (isNaN(nums));



function rand(highestNum) {

    var randomNumber =

    Math.floor(Math.random() * highestNum) + 1;

    return randomNumber;

}


var numList = [];


for (var i = 0; i < nums; i++) {

    // Go through this loop quantity of times

    numList.unshift(rand(high)); 

    // add new number to end of array

};


numList.toString();

document.getElementById('boxed').innerHTML = numList.join(" ");

<div id="container">

    <header>

        <h1>Lucky Numbers</h1>

    </header>


    <main>

        <div id="boxed"></div>

         <p>Good luck!</p>

    </main>

</div> 


查看完整回答
反對 回復 2022-09-16
?
慕田峪7331174

TA貢獻1828條經驗 獲得超13個贊

當你通過類名(來源:https://developer.mozilla.org/fr/docs/Web/API/Document/getElementsByClassName)獲取元素時,你會收到一個數組,所以你必須精確你想要數組的哪個元素,我認為[0]在你的情況下。如果您只有一個放置結果的位置,則最好使用ID,如下所示:


    do {

        var high = prompt('What\'s the highest number you want to generate','');

        high = parseInt(high, 10);

    } while (isNaN(high));


    do {

        var nums = prompt('How many numbers do you want to generate','');

        nums = parseInt(nums, 10);

    } while (isNaN(nums));



    function rand(highestNum) {

        var randomNumber =

        Math.floor(Math.random() * highestNum) + 1;

        return randomNumber;

    }


    var numList = [];


    for (var i = 0; i < nums; i++) {

        // Go through this loop quantity of times

        numList.unshift(rand(high)); 

        // add new number to end of array

        console.log(numList)

    };

    numList.toString();

    document.getElementById('boxed').innerHTML = numList;

<!DOCTYPE html>

<html>


<head>

<title>Super Lotto</title>

<meta charset="utf-8">

<link href="https://fonts.googleapis.com/css?family=Libre+Franklin" rel="stylesheet">

<link href="lotto-styles.css" rel="stylesheet">


</head>


<body>

<div id="container">

    <header>

        <h1>Lucky Numbers</h1>

    </header>


    <main>

        <div id="boxed"></div>

         <p>Good luck!</p>

    </main>

</div> <!-- Closing container -->

</body>


</html>


查看完整回答
反對 回復 2022-09-16
  • 2 回答
  • 0 關注
  • 106 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號