Strona 1 z 1

Javascript - lekcja 29 - removeAtrribute nie dziala, czemu?

Napisane: wtorek, 21 czerwca 2016, 23:46
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>

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

Napisane: środa, 22 czerwca 2016, 01:13
przez Morfidon
Hej,

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

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

Pozdrawiam

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

Napisane: środa, 22 czerwca 2016, 10:57
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.

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

Napisane: środa, 22 czerwca 2016, 11:30
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

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

Napisane: środa, 22 czerwca 2016, 13:29
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ź.

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

Napisane: środa, 22 czerwca 2016, 13:37
przez Morfidon
Ojj rzeczywiście, musiałem nie zauważyć podczas pisania przepraszam najmocniej.