Javascript - lekcja 29 - removeAtrribute nie dziala, czemu?

Dział poświęcony JavaScriptowi - tworzeniu dynamicznym stron WWW.
lukasz21
Początkujący
Początkujący
Posty: 11
Dołączył(a): wtorek, 21 czerwca 2016, 23:37

Javascript - lekcja 29 - removeAtrribute nie dziala, czemu?

Post przez lukasz21 »

Witam,

Wykonywałem ćwiczenie zwiazane z 29 lekcja kursu Javascript. Chciałem przetesować działanie 'removeAtrribute' i natrafilem na problem. Kiedy chcem użyć go w kodzie to nie działa on , plus cały kod JS pod tym poleceniem też się nie wykonuje, a powinien.
Co może być tego powodem? Przesyłam mój kod, gdzie pojawia sie ten problem.

Dziękuje z góry za odpowiedź.

Code: Zaznacz cały

<html>
<head>      <meta charset="UTF-8">
         	<style>
                      .kolor  {color:red }
               </style>
</head>
<body> 
		
<ul id="cwiczeDOM">   
	<li class='jakisClass'>C++</li>
</ul>

<script>	
	
	var k = document.getElementById("cwiczeDOM");
 
	//alert(1)
	k.setAttribute('class' , 'kolor')	  // ustawiam class i właczam CSS 
	//alert(2)
	 k.removeAtrribute('class')        // tu chcem class wyłaczyć i usunac CSS
	//alert(3)
</script>
</body>
</html>
Morfidon
Administrator
Administrator
Posty: 1332
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48
Contact:

Re: Javascript - lekcja 29 - removeAtrribute nie dziala, cze

Post przez Morfidon »

Hej,

Przede wszystkim jak chciałbyś, żeby ten kod działał?

Mógłbyś zamieścić kod tutaj:
https://jsbin.com/
?

Pozdrawiam
lukasz21
Początkujący
Początkujący
Posty: 11
Dołączył(a): wtorek, 21 czerwca 2016, 23:37

Re: Javascript - lekcja 29 - removeAtrribute nie dziala, cze

Post przez lukasz21 »

Zamieściłem kod jak prosiłeś tutaj (pierwszy raz korzystam więc, nie wiem czy dobrze zrobiłem):
https://jsbin.com/puburuxati/edit?html,output

Co chcem by kod zrobił:
1. krok 1 - kod zmienia kolor tekstu na czerwony.
2. krok 2 - kiedy alert się włacza tekst nadal ma kolor czerwony. Kiedy sie wylaczy kod pod nim zmieni kolor czcionki na czarny.
3. krok 3 - kod zmienia kolor tekstu na czarny.

Według lekcji kod powinien tak zadziałać, ale mi nie chce zadziałać. Chyba, że coś źle zrozumiałem.
Morfidon
Administrator
Administrator
Posty: 1332
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48
Contact:

Re: Javascript - lekcja 29 - removeAtrribute nie dziala, cze

Post przez Morfidon »

Spędziłem chwilę by znaleźć o co chodzi. Po prostu napisałeś źle Attribute. Dopiero po przepisaniu programu znalazłem błąd ;)

Napisałeś remove Atrribute zamiast Attribute.

https://jsbin.com/yavafijusi/edit?html,css,js,output
lukasz21
Początkujący
Początkujący
Posty: 11
Dołączył(a): wtorek, 21 czerwca 2016, 23:37

Re: Javascript - lekcja 29 - removeAtrribute nie dziala, cze

Post przez lukasz21 »

Faktycznie, taki głupi bład.

Spojrzałem na plik z lekcji 29. Z tego pliku z kodu skopiowałem to polecenie. Tam jest zamiast 'removeAttribute' napisane 'removeAtrribute'. Stad wział się ten bład.

Dziękuje za odpowiedź.
Morfidon
Administrator
Administrator
Posty: 1332
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48
Contact:

Re: Javascript - lekcja 29 - removeAtrribute nie dziala, cze

Post przez Morfidon »

Ojj rzeczywiście, musiałem nie zauważyć podczas pisania przepraszam najmocniej.
Post Reply