• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dlaczego ta linijka nie działa? JS document.getElementsByClassName('bar')...

Object Storage Arubacloud
0 głosów
871 wizyt
pytanie zadane 14 kwietnia 2020 w JavaScript przez fff Gaduła (3,950 p.)
	document.getElementsByClassName('bar').innerHTML="";
//ani ta 
	document.getElementsByClassName('bar').style.display="none";

strona www

https://filszu.000webhostapp.com/xo.html

<!DOCTYPE HTML>
<html lang="pl">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150979934-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-150979934-2');
</script>

	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title>Tic-tac-toe-game</title>
	
	<meta name="description" content="Spotkanie z obcymi to mapa do minecraft "/>
	<meta name="keywords" content="filszu, filszu.pl, filszu.cba.pl, filszu0000,filszu.000webhostapp.comklic-k, flying, sausage, filip, szumowski, sp1, zielona góra, tic-tac-toe, yt, hasło, haslo, minutnik, kot, Tomek" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" href="style.css" type="text/css">
	
	<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Oswald|ZCOOL+KuaiLe" rel="stylesheet">	
	<link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
	<link rel="Shortcut icon" href="img/h2.ico">
	<script src="start.js"></script>
	<!-------------->
	<link href="https://fonts.googleapis.com/css?family=Dosis&display=swap" rel="stylesheet">
	
	<!--<link rel="stylesheet" href="css/fontello.css">-->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	
	
	<!--------------------------ADSENCE__-->
	<script data-ad-client="ca-pub-6202644433627847" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	
	
</head>

<body> 
		<section class="reklama">
						<!--ADY----------------------------------->
							<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
					<!-- ada_poziomo -->
					<ins class="adsbygoogle"
						 style="display:block"
						 data-ad-client="ca-pub-6202644433627847"
						 data-ad-slot="9824737480"
						 data-ad-format="auto"
						 data-full-width-responsive="true"></ins>
					<script>
						 (adsbygoogle = window.adsbygoogle || []).push({});
					</script>
					<!-------------------------------------------------------------------------------->
						</section>
<div class="bar">Współpraca<br>
	<div class="wspolpraca" style="width:75%; margin-left:auto;
	margin-right:auto;"> Reklamuj się! Kontakt <b>admin@filszu.cba.pl</b> w tytule "FSC współpraca". Cenny już od 1zł!!! </div>
	
	
</div>
<!--</div>-->
  <div id="container">
	  <header>
			<div id="logo">
			<center><img src="img/fs.png" oncontextmenu="return false" ondragstart="return false" ondrag="return false">
			<div>
	</div><b>Tic<span style=" color: red">-Tac-</span>Toe</b></center>
			  
			<!--</div>
			Tata<img src="img/zly.gif" style=" width: 350px;">
			Filip<img src="img/hura.gif" style=" width: 120px;">
			matka<img src="img/hura.gif" style=" width: 80px;">
			Agata<img src="img/zly.gif" style=" width: 25px;">-->
		  </div>
	  </header>
	  <main>

	  
	  <nav id="menu">
		<div><a href="index.html" class="option">Strona główna</a></div>
		<a href="index.html"  class="option">Nasze projekty</a>
		<a href="aktualnosci.html"><div class="option">aktualności</div></a>
		<a href="#kontakt"><div class="option" >kontakt</div></a>
		<a href="sklep.html"><div class="option" >SKLEP (olx)</div></a>
		<div style="clear:both;"></div>
	  </nav>
	  
	  	 <!-------------DO WYKRYWANIA ADBLOCKA------------->
	<div class="reklama-info" style="visibility:hidden;">Informacja</div>
		<div id="oAdblock" onclick="adlockNot()">
			<div id="text">Doceniasz moją pracę? <img src="adblock.jpg"> <br>to WYŁĄCZ ADBLOCKA!!</div>	
		</div>
	<!--------------------------->
	 
	  <center>
	  <h1>Nowa moja gra Tic-Tac-Toe</h1>
	  <article>
		<div class="tic">	
			
			<br>
			<h1>Niesamowita rozgrywka</h1>
			
							<!--ADY----------------------------------->
							<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
					<!-- ada_poziomo -->
					<ins class="adsbygoogle"
						 style="display:block"
						 data-ad-client="ca-pub-6202644433627847"
						 data-ad-slot="9824737480"
						 data-ad-format="auto"
						 data-full-width-responsive="true"></ins>
					<script>
						 (adsbygoogle = window.adsbygoogle || []).push({});
					</script>
					<!-------------------------------------------------------------------------------->

			<img src="img\ticTac\4.JPG" alt="zdjęcie gry">
			<button onclick="window.location.href='download/Tic tac toe.zip';" class="btn" style="width:100%" ><h2><i class="fa fa-download"></i> Pobierz Tic tac toe V 1.4</h2></button>
			<h1>Wiele stylów graficznych</h1>
			
			<img src="img\ticTac\2.JPG" alt="zdjęcie gry">
			<br>
			<button onclick="window.location.href='download/Tic tac toe.zip';" class="btn" style="width:100%" ><h2><i class="fa fa-download"></i> Pobierz Tic tac toe V 1.4</h2></button>
			
			<!--<h2><a href="#kontakt" class="btn"><i class="fa fa-download"></i>Pobierz</a></h2>-->
			<h1> Aktualności i aktualizacje </h1>
			
			<img src="img\ticTac\3.JPG" alt="zdjęcie gry">
			<h1> graj z przyjacielem</h1>
			<img src="img\ticTac\5.JPG">
			<h1> VViele opcji rozgrywki do wyboru</h1>
			<h3> Kto zaczyna,punkty,do ilu punktów grać, itp., itd.</h3>
			<img src="img\ticTac\6.JPG">
		
			<h1>Graj online</h1>
								<!--ADY----------------------------------->
							<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
					<!-- ada_poziomo -->
					<ins class="adsbygoogle"
						 style="display:block"
						 data-ad-client="ca-pub-6202644433627847"
						 data-ad-slot="9824737480"
						 data-ad-format="auto"
						 data-full-width-responsive="true"></ins>
					<script>
						 (adsbygoogle = window.adsbygoogle || []).push({});
					</script>
					<!-------------------------------------------------------------------------------->
			<img src="img\ticTac\1.JPG" alt="zdjęcie gry">
			<br>
			<br>
			All rights reserved © Filip Szumowski 2019
			<br>
			<br>
			:)
								<!--ADY----------------------------------->
							<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
					<!-- ada_poziomo -->
					<ins class="adsbygoogle"
						 style="display:block"
						 data-ad-client="ca-pub-6202644433627847"
						 data-ad-slot="9824737480"
						 data-ad-format="auto"
						 data-full-width-responsive="true"></ins>
					<script>
						 (adsbygoogle = window.adsbygoogle || []).push({});
					</script>
					<!-------------------------------------------------------------------------------->
										<!--ADY----------------------------------->
							<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
					<!-- ada_poziomo -->
					<ins class="adsbygoogle"
						 style="display:block"
						 data-ad-client="ca-pub-6202644433627847"
						 data-ad-slot="9824737480"
						 data-ad-format="auto"
						 data-full-width-responsive="true"></ins>
					<script>
						 (adsbygoogle = window.adsbygoogle || []).push({});
					</script>
					<!-------------------------------------------------------------------------------->
			<br>
			
			</center>
		</div>
	  </article>
	   
	<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>
	<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>
	<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>
	<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>
		<section style="text-align: center">
		
		
		
		
		</section>
	<!--KONIEC////////////////////////////////////////////-->
	<!--KONIEC////////////////////////////////////////////-->
	<!--KONIEC////////////////////////////////////////////-->
	<!--KONIEC////////////////////////////////////////////-->	
		
		
		
		
		
		
		
		
				<section class="reklama">
						<!--ADY----------------------------------->
							<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
					<!-- ada_poziomo -->
					<ins class="adsbygoogle"
						 style="display:block"
						 data-ad-client="ca-pub-6202644433627847"
						 data-ad-slot="9824737480"
						 data-ad-format="auto"
						 data-full-width-responsive="true"></ins>
					<script>
						 (adsbygoogle = window.adsbygoogle || []).push({});
					</script>
					<!-------------------------------------------------------------------------------->
						</section>
		

		
		 <section id="kontakt">
		  <h1>KONTAKT</h1>
		Ja jestem Filip Szumowski -twórca tej strony. Urodziłem się 10.11.2005r, a moją pasją jest programowanie.<br>
		Skontaktować ze mną możesz się poprzez e-maila <span style="color:pink">admin@filszu.cba.pl</span>.
		</section>
		<div class="wspolpraca"> Reklamuj się! Kontakt <b>admin@filszu.cba.pl</b> w tytule "FSC współpraca". Cenny już od 1zł!!! </div>
		
		</main>
		<div style="clear:both"></div>
		</div>
		
			
		
		
		
		
			
		

		
		 
		
		  
		  
		  

		  

	  

		

	 

		
	  
	  
	 
</div>
	
</body>
</html>

 

1 odpowiedź

+1 głos
odpowiedź 14 kwietnia 2020 przez tangarr Mędrzec (154,780 p.)
wybrane 14 kwietnia 2020 przez fff
 
Najlepsza

Obie funkcje zwracają tablice obiektów.

var bar = document.getElementsByClassName('bar')
for (var i=0; i<bar.length; i++)
    bar[i].innerHTML = "Napis"

Jeżeli jesteś pewien, że masz tylko jeden obiekt  danej klasy możesz się do niego odwołać przez indeks 0

document.getElementsByClassName('bar')[0].innerHTML="";

 

komentarz 14 kwietnia 2020 przez fff Gaduła (3,950 p.)
ok dzięki

Podobne pytania

0 głosów
2 odpowiedzi 240 wizyt
pytanie zadane 9 listopada 2017 w Java przez Konrad Groń 1 Użytkownik (770 p.)
0 głosów
2 odpowiedzi 766 wizyt
pytanie zadane 19 kwietnia 2019 w JavaScript przez Kubs Mądrala (5,190 p.)
0 głosów
1 odpowiedź 257 wizyt
pytanie zadane 14 grudnia 2022 w JavaScript przez Dawidziu Bywalec (2,610 p.)

92,552 zapytań

141,399 odpowiedzi

319,533 komentarzy

61,938 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...