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";     } } 

demo!

and here's reading ya: https://developer.mozilla.org/en-us/docs/web/api/document.queryselectorall


Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

How to get multiresult with multicondition in Sql Server -