第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

從 Array Javascript 中的某些對象中獲取隨機項

從 Array Javascript 中的某些對象中獲取隨機項

繁花不似錦 2023-11-02 17:06:03
你好,開發(fā)人員,我想從數(shù)組中的某些對象中獲取隨機數(shù)據(jù),但是當我想顯示它時,它說對象[對象],而不是顯示對象中的文本,我嘗試了很多方法,但沒有任何解決方案?非常感謝誰幫助我let bill = [ {   name : "Sandra",     price : "50$",     payment : "visa",     cardnumber:"1234 5678 9012 3456" },  {   name : "Johnson",     price : "200$",     payment : "master",     cardnumber:"1234 5678 9012 3456" }, ]  let get  = document.querySelector(".get"); let first =  document.querySelector(".first");  let second =  document.querySelector(".second");     let third =  document.querySelector(".third");      let fourth=  document.querySelector(".fourth");        get.addEventListener("click" , ()=> {let text= bill[Math.floor(Math.random()* bill.length)];first.innerHTML =  text;second.innerHTML = text;third.innerHTML =  text;fourth.innerHTML =  text;})body { font-family:"Lato",sans-serif;display:flex;align-items:center;justify-content:center;flex-direction:column;}<body><h1>Get latest invoice</h1><button class="get">Get</button><table >  <tr>    <th>Name</th>    <th>Price</th>     <th>Payment</th>            <th>Card Number</th>  </tr>  <tr>    <td class="first"></td>    <td class="second "></td>    <td class="third"></td>            <td class="fourth"></td>  </tr>    </table>    </body>
查看完整描述

1 回答

?
catspeake

TA貢獻1111條經驗 獲得超0個贊

它返回 [object] 因為文本變量是一個對象,所以如果你想獲取名稱,你應該通過調用它的鍵來獲取,如first.innerHtml = text.name(獲取名稱)


<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

  </head>


  <style>

    body {

      font-family: "Lato", sans-serif;

      display: flex;

      align-items: center;

      justify-content: center;

      flex-direction: column;

    }

  </style>

  <body>

    <h1>Get latest invoice</h1>

    <button class="get">Get</button>

    <table>

      <tr>

        <th>Name</th>

        <th>Price</th>

        <th>Payment</th>

        <th>Card Number</th>

      </tr>

      <tr>

        <td class="first"></td>

        <td class="second"></td>

        <td class="third"></td>

        <td class="fourth"></td>

      </tr>

    </table>

  </body>


  <script>

    let bill = [

    {

      name : "Sandra",

        price : "50$",

        payment : "visa",

        cardnumber:"1234 5678 9012 3456"

    },

      {

      name : "Johnson",

        price : "200$",

        payment : "master",

        cardnumber:"1234 5678 9012 3456"

    },

    ]


    let get  = document.querySelector(".get");

    let first =  document.querySelector(".first");

    let second =  document.querySelector(".second");

    let third =  document.querySelector(".third");

    let fourth=  document.querySelector(".fourth");


    get.addEventListener("click" , ()=> {

    let text= bill[Math.floor(Math.random()* bill.length)];

    console.log(text);


    first.innerHTML =  text.name;

    second.innerHTML = text.name;

    third.innerHTML =  text.name;

    fourth.innerHTML =  text.name;


    })

  </script>

</html>


查看完整回答
反對 回復 2023-11-02
  • 1 回答
  • 0 關注
  • 124 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

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

公眾號

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