html - How to hide elements using javascript -
i use 3rd party shopping module site , hence cannot tinker sourcecode of module.
everthing works fine here issue. on checkout option summary contains field redundant , want hide fields.
discount: gbp £0.00 sub total: gbp £90.00 shipping: gbp £10.00 handling: gbp £0.00 total: gbp £100.00 as see above 3 fields have values. want use javascript , hide fields not have values "discount", "shipping" , "handling".
here fiddle code
here code
<div class="carttotalamountcontainer"> <div class=" totalsalesorderdetaildiscountamount"> <div> <label> <span>discount:</span> </label> </div> <span>gbp £0.00</span> </div> <div class="subtotalamount"> <div> <label> <span>sub total:</span> </label> </div> <span>gbp £90.00</span> </div> <div class="totalshippingamount"> <div> <label> <span>shipping:</span> </label> </div> <span>gbp £10.00</span> </div> <div class="totalhandlingamount"> <div> <label> <span>handling:</span> </label> </div> <span>gbp £0.00</span> </div> <div class="totalamount"> <div class="dnnlabel"> <label> <span>total:</span> </label> </div> <span>gbp £100.00</span> </div> </div> no logic can access topcontainer of elements using
var x= document.getelementsbyclassname("carttotalamountcontainer"); but how access data inside individual spans , make style="display:none" parent divs.
try .queryselector:
var x = document.queryselectorall(".carttotalamountcontainer > div > span"); for(var i=0; i<x.length; i++) { if(x[i].innerhtml == "gbp £0.00") { x[i].style.display = "none"; } } and here's reading ya: https://developer.mozilla.org/en-us/docs/web/api/document.queryselectorall
Comments
Post a Comment