簡體   English   中英

我無法使內容顯示在div內

[英]I cant make the content appear inside the div

 var delivInfo = {}; var delivSummary = document.getElementById("deliverTo"); function processDeliveryInfo() { let prop; delivInfo.name = document.getElementById("nameinput").value; delivInfo.address = document.getElementById("addrinput").value; delivInfo.city = document.getElementById("cityinput").value; delivInfo.email = document.getElementById("emailinput").value; delivInfo.phone = document.getElementById("phoneinput").value; for (prop in delivInfo) { delivSummary.innerHTML += "<p>" + delivInfo[prop] + "</p>"; } alert(delivSummary.innerHTML); } 
  <section id="blockStyle"> <h2>Order Summary</h2> <h3>Deliver to</h3> <div id="deliverTo"></div> <h3>Order</h3> <div id="order"></div> </section> 

我試圖將來自delivInfo對象的值作為內容添加到deliveryTo div,但是當我使用alert(delivSummary.innerHTML)時,它不會出現在頁面上; 似乎值在那里,所以我真的很困惑

檢查我修改的代碼

 var delivInfo = {}; var delivSummary = document.getElementById("deliverTo"); function processDeliveryInfo() { let prop; delivInfo.name = document.getElementById("nameinput").value; delivInfo.address = document.getElementById("addrinput").value; delivInfo.city = document.getElementById("cityinput").value; delivInfo.email = document.getElementById("emailinput").value; delivInfo.phone = document.getElementById("phoneinput").value; for (prop in delivInfo) { delivSummary.innerHTML += "<p>" + delivInfo[prop] + "</p>"; } alert(delivSummary.innerHTML); } 
 <table> <tr> <td>Name</td><td><input type="text" class="form-control" name="nameinput" id="nameinput"></td><tr> <td>Address</td><td> <input type="text" class="form-control" name="addrinput" id="addrinput"></td><tr> <td>City</td><td> <input type="text" class="form-control" name="cityinput" id="cityinput"></td><tr> <td>Email</td><td> <input type="text" class="form-control" name="emailinput" id="emailinput"></td><tr> <td>Phone</td><td> <input type="text" class="form-control" name="phoneinput" id="phoneinput"></td><tr> <td> </td><td> <button class="btn btn-primary" onClick="processDeliveryInfo()">Process Info</button></td><tr> </table> <section id="blockStyle"> <h2>Order Summary</h2> <h3>Deliver to</h3> <div id="deliverTo"></div> <h3>Order</h3> <div id="order"></div> </section> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM