I have tried the following code, but it doesn't work. Any idea where I have gone wrong?
document.getElementsByClassName('appBanner').style.visibility='hidden';<div class="appBanner">appbanner</div>Using jQuery or changing the HTML is not possible as I am using [self->webView stringByEvaluatingJavaScriptFromString:@""]; in Objective-C.
document.getElementsByClassName returns an HTMLCollection(an array-like object) of all elements matching the class name. The style property is defined for Element not for HTMLCollection. You should access the first element using the bracket(subscript) notation.
document.getElementsByClassName('appBanner')[0].style.visibility = 'hidden';
To change the style rules of all elements matching the class, using the Selectors API:
[].forEach.call(document.querySelectorAll('.appBanner'), function (el) {
el.style.visibility = 'hidden';
});
If for...of is available:
for (let el of document.querySelectorAll('.appBanner')) el.style.visibility = 'hidden';
display instead of visibilityvar appBanners = document.getElementsByClassName('appBanner');
for (var i = 0; i < appBanners.length; i ++) {
appBanners[i].style.display = 'none';
}
, i; on first line? This used in for cycle? ( but we declare i in cycle later ) Or it small mistake? Or maybe its some "best practice"? Could you comment it, please.
var syntax to declare multiple variables separated by commas, but in this case it is a mistake to then also declare i with var in the for loop - though this doesn't actually cause an error, it's just untidy.
...style.display = 'none' to ...style.visibility = 'hidden'.Array.filter( document.getElementsByClassName('appBanner'), function(elem){ elem.style.visibility = 'hidden'; });
Forked @http://jsfiddle.net/QVJXD/
<script type="text/javascript">
$(document).ready(function(){
$('.appBanner').fadeOut('slow');
});
</script>
or
<script type="text/javascript">
$(document).ready(function(){
$('.appBanner').hide();
});
</script>
