首頁猿問 javascript中js頁面報錯

javascript中js頁面報錯

JavaScript

qq_Dreamy_舊城_0 2017-06-28 19:31:59

//html代碼<!DOCTYPE html><html><head>? ? <meta charset="UTF-8">? ? <title>操作當當購物車頁面</title>? ? <link type="text/css" rel="stylesheet" href="css/cartStyle.css" />? ? <script type="text/javascript" src="js/shopping.js"></script>? ? <script src="js/jquery-1.8.3.js" type="text/javascript"></script>? ? <script type="text/javascript">? ? ?function del(){? ? ?var cartList=document.getElementById("cartList");? ? ? cartList.parentNode.removeChild(cartList);? ? ?};? ? </script></head><body><div>? ? <div>? ? ? ? <img src="images/dd_logo.jpg"><span onclick="close_plan();">關閉</span>? ? </div>? ? <div >? ? ? ? <ul>? ? ? ? ? ? <li>商品圖片</li>? ? ? ? ? ? <li>商品信息</li>? ? ? ? ? ? <li>單價</li>? ? ? ? ? ? <li>數量</li>? ? ? ? ? ? <li>總價</li>? ? ? ? ? ? <li>操作</li>? ? ? ? </ul>? ? ? ? <ul id="cartList">? ? ? ? ? ? <li><img src="images/dog.jpg"></li>? ? ? ? ? ? <li>我和狗狗活下來了</li>? ? ? ? ? ? <li>￥<input type="text" name="price" value="21.90"></li>? ? ? ? ? ? <li><input type="button" name="minus" value="-" onclick="minus(0);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(0);"></li>? ? ? ? ? ? <li id="price0">￥21.90</li>? ? ? ? ? ? <li><p ?onclick="collection();">移入收藏</p><p onclick="del();">刪除</p></li>? ? ? ? </ul>? ? ? ? <ul>? ? ? ? ? ? <li><img src="images/mai.jpg"></li>? ? ? ? ? ? <li>灰霾來了怎么辦</li>? ? ? ? ? ? <li>￥<input type="text" name="price" value="24.00"></li>? ? ? ? ? ? <li><input type="button" name="minus" value="-" onclick="minus(1);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(1);"></li>? ? ? ? ? ? <li id="price1">￥24.00</li>? ? ? ? ? ? <li><p ?onclick="collection();">移入收藏</p><p onclick="del();">刪除</p></li>? ? ? ? </ul>? ? ? ? <ol>? ? ? ? ? ? <li id="totalPrice">商品總計：<span></span></li>? ? ? ? ? ? <li><span>結算</span></li>? ? ? ? </ol>? ? </div></div><script type="text/javascript" src="js/shopping.js"></script></body></html>//js頁面/**?* Created by zongjuan.wang on 2016/6/1.?*//*關閉窗口*/function close_plan(){? ? window.close();}function collection(){? ? var flag=confirm("移入收藏后，將不再購物車顯示，是否繼續(xù)操作?");? ? if(flag==true){? ? ? ? alert("移入收藏成功!");? ? }}function minus(num){? ? var prices=document.getElementsByName("price")[num].value;? ? var count=parseInt(document.getElementsByName("amount")[num].value)-1;? ? if(count<1){? ? ? ? alert("不能再減了，再減就沒有啦！");? ? }? ? else{? ? ? ? document.getElementsByName("amount")[num].value=count;? ? ? ? var totals=parseFloat(prices*count);? ? ? ? document.getElementById("price"+num).innerHTML="￥" +totals;? ? ? ? total();? ? }}function plus(num){? ? var prices=document.getElementsByName("price")[num].value;? ? var count=parseInt(document.getElementsByName("amount")[num].value)+1;? ? document.getElementsByName("amount")[num].value=count;? ? var totals=parseFloat(prices*count);? ? document.getElementById("price"+num).innerHTML="￥" +totals;? ? total();}function total(){? ? var prices=document.getElementsByName("price");? ? var count=document.getElementsByName("amount");? ? var sum=0;? ? for(var i=0; i<prices.length;i++){? ? ? ?sum+=prices[i].value*count[i].value;? ? }? ? document.getElementById("totalPrice").getElementsByTagName("span")[0].innerHTML="￥" +sum;}total();

查看完整描述

1 回答

MR帽子先生

TA貢獻245條經驗獲得超106個贊

你的ById里面的寫法錯了，我不知道你要調什么數據但是里面的內容不能這么寫，你可以再建立一個VAR="price"+num

id里面的內容必須都在“”內不然就會報錯，所以你的+num導致報錯。

希望對你有用，祝您學習愉快~

2 反對回復 2017-06-28

qq_Dreamy_舊城_0
親，是最后一個函數里面的function total(){ var prices=document.getElementsByName("price"); var count=document.getElementsByName("amount"); var sum=0; for(var i=0; i<prices.length;i++){ sum+=prices[i].value*count[i].value; } document.getElementById("totalPrice").getElementsByTagName("span")[0].innerHTML="¥" +sum;（這里報錯） }

回復 2017-06-29