शुद्ध जावास्क्रिप्ट

Question

में वर्ग द्वारा तत्व छुपाएं मैंने निम्नलिखित कोड का प्रयास किया है, लेकिन यह doesn't work है। कोई विचार जहां मैं गलत हो गया है? के रूप में मैं ऑब्जेक्टिव-सी में [self->webView stringByEvaluatingJavaScriptFromString:@""]; उपयोग कर रहा हूँ

document.getElementsByClassName('appBanner').style.visibility='hidden';

<div class="appBanner">appbanner</div>

jQuery का उपयोग करना या HTML बदलते संभव नहीं है।

Answer 1

document.getElementsByClassName कक्षा नाम से मेल खाने वाले सभी तत्वों के HTMLCollection (एक सरणी जैसी वस्तु) देता है। style संपत्ति Element के लिए HTMLCollection के लिए परिभाषित नहीं है। आपको ब्रैकेट (सबस्क्रिप्ट) नोटेशन का उपयोग करके पहले तत्व का उपयोग करना चाहिए।

document.getElementsByClassName('appBanner')[0].style.visibility = 'hidden'; 

Updated jsFiddle

वर्ग मिलान सभी तत्वों की शैली नियमों को बदलने के लिए, चयनकर्ता एपीआई का उपयोग कर:

[].forEach.call(document.querySelectorAll('.appBanner'), function (el) { 
    el.style.visibility = 'hidden'; 
}); 

तो for...of उपलब्ध है:

for (let el of document.querySelectorAll('.appBanner')) el.style.visibility = 'hidden'; 

Answer 2

var appBanners = document.getElementsByClassName('appBanner'), i; 

for (var i = 0; i < appBanners.length; i ++) { 
    appBanners[i].style.display = 'none'; 
} 

JSFiddle.

Answer 3

Array.filter(document.getElementsByClassName('appBanner'), function(elem){ elem.style.visibility = 'hidden'; });

काँटेदार @http://jsfiddle.net/QVJXD/

Answer 4

<script type="text/javascript"> 
     $(document).ready(function(){ 

       $('.appBanner').fadeOut('slow'); 

     }); 
    </script> 

या

<script type="text/javascript"> 
     $(document).ready(function(){ 

       $('.appBanner').hide(); 

     }); 
    </script>