當前位置:首頁 » 網購平台 » js購物車頁面刪除元素
擴展閱讀
寧波奧德賽優惠價格 2021-03-15 14:26:02
丹尼斯購物卡能掛失么 2021-03-15 14:25:58
淘寶購物指紋驗證失敗 2021-03-15 14:24:44

js購物車頁面刪除元素

發布時間: 2021-02-18 20:40:17

A. 以下代碼里,怎麼樣用JS增添一個刪除鍵,刪除購物車內對應的商品

<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
<style>
*{margin:0;padding:0;}
#div_idp{width:80px;height:30px;text-align:left;border:1pxsolid#000;line-height:30px;}
#div_idpbutton{float:right;height:30px;}
</style>
<scriptsrc="js/tool.js"></script>
<script>
window.onload=function(){
vardiv=document.getElementById("div_id");
varbutton=document.getElementsByTagName("button")
for(vari=0;i<button.length-1;i++){
button[i].onclick=function(){
alert("加入購物車成功");
varp=document.createElement("p");
varpContent=document.createTextNode(this.innerHTML);
p.appendChild(pContent);
div.appendChild(p);
vardelBtn=document.createElement("button");
vardelBtnContent=document.createTextNode("x");
delBtn.appendChild(delBtnContent);
p.appendChild(delBtn);
delBtn.onclick=function(){
div.removeChild(p);
}
//setCookie("購物",div.innerHTML,getDate(100))
}
}

varisTrue=false;
varbutton1=document.getElementById("button_id")
button1.onclick=function(){
if(isTrue==false){
button1.innerHTML="隱藏購物車"
isTrue=true;
/*if(getCookie("購物")!=undefined){
div.innerHTML=getCookie("購物");
}*/
div.style.display="block";
}elseif(isTrue){
button1.innerHTML="顯示購物車"
isTrue=false;
div.style.display="none";
/*if(getCookie("購物")!=undefined){
div.innerHTML=getCookie("購物");
div.style.display="none";
}*/
}
}
}
</script>
</head>
<body>
<button>商品1</button>
<button>商品2</button>
<button>商品3</button>
<button>商品4</button>
<button>商品5</button><br/><br/>
<buttonid="button_id">顯示購物車</button>
<divid="div_id"style="display:none;"></div>

</body>
</html>

B. 怎麼刪除session裡面指定的值,這是一個購物車頁面,想刪除購物車里某個商品

Session.Remove("b");

C. HTML利用JS移除指定的標簽

用Js匹配li的t內容就可以的,看如下代碼:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
</head>
<scripttype="text/javascript"src="jquery.js"></script>
<body>
<divid="seltime1">
<ulid="tbustime">
<lit="11:00"p="60"c="50">
<div>11:00-12:00</div>
<div><b>50/50</b></div>
</li>
<lit="13:00"p="30"c="10">
<div>13:00-13:30</div>
<div><b>10/10</b></div>
</li>
<lit="13:30"p="60"c="10">
<div>13:30-14:30</div>
<div><b>10/10</b></div>
</li>
</ul>
</div>
<div>
<inputtype="button"value="移除"id="removeLi">
</div>
</body>
<scripttype="text/javascript">
$(document).ready(function(){
$('#removeLi').click(function(){
$('#tbustime').find('li').each(function(){
vart=$(this).attr('t');
if(t=='13:30'){
$(this).remove();
}
});
});
});
</script>
</html>

粘貼後試試,記得引入類庫,若有任何疑問,歡迎追問....

D. javascript怎樣刪除一個html元素

通過removeChild() 方法指定元素的某個指定的子節點來完成javascript刪除一個內html元素。

E. js 如何刪除某個div下的div元素

最好給需抄要刪除的div元素定義一個ID,以方便對其進行操作;

注意JS中是沒有remove();方法的,在jquery中就可以直接使用 $("#divID").remove();移除該元素;這樣非常方便、簡單。

F. 如何使用javascript實現刪除網頁中的某個元素

最簡單的寫法是:
var pwd=document.getElementById('pwd');
if(pwd) pwd.removeNode(true);

G. JS代碼刪除元素問題

||如果你是要刪除頁面中所有src為空的回image的話:答
var image=document.getElementsByTagName("img");
for(var i=0;i<image.length;i++){
if(image[i].getAttribute('src')==null || image[i].getAttribute('src')==""){
image[i].remove();
}
}

H. 很奇怪的js,ajax的問題,關於添加到購物車及點擊刪除的,就類似京東商城的那樣。

初步懷疑你的刪除事件綁定有問題:新加入的DOM元素未綁定到事件。這種情況版應該使用事件委派來做,權你用 jQuery 嗎?假設你的購物車列表的 HTML 結構如下:

<ulid="cartList">
<li>
購物車商品1
<button>刪除</button>
</li>
<li>
購物車商品2
<button>刪除</button>
</li>
……
</ul>

則刪除購物車商品的代碼為(用了 jQuery):

$('#cartList').on('click','button',function(){//委派button的點擊事件
$(this).parent().remove();//移除購物車里當前商品
});

I. 急求用js寫得網店購物車添加刪除商品的效果,

js可以動態的銷毀或者創建element, 沒提供頁面的話具體怎麼寫看實際情況

J. 如何通過JS清除網頁的元素

通過removeChild() 方法指定元素的某個指定的子節點來完成javascript刪除一個html元素。

javascript刪除一個html元素的步專驟:

  • <!--創建屬一個html文件-->

  • <divid="div">

  • <divid="div1">知道</div>

  • <inputtype="button"value="刪除div1"id="btn"/>

  • </div>

  • <script>

  • varo=document.getElementById("div");//獲取父節點

  • vara=document.getElementById("div1");//獲取需要刪除的子節點

  • varb=document.getElementById("btn");//獲取觸發事件的節點

  • b.onclick=function(){o.removeChild(a)//從父節點o上面移除子節點a}

  • </script>