Jak użyć elementu z tablicy jako parametru stylu css?

Question

Chciałbym aby parametr e w lini 3 został potraktowany jako zmienna, tak aby skrypt się wykonał. Jak to zrobić?

				['bottom', 'left', 'top', 'right'].forEach(function(e, index)
				{
					thisClick.style.e = '';
					console.log('element tablicy ' + index + ': ' + e);
				});

 

Answer 1

thisClick.style[e] = '';

Comments

Dziękuje, nie wpadłbym na to by potraktować to jak tablice :)

---

Tu nie chodzi o traktowanie jako tablicę. Twój zapis:

thisClick.style.e

, szuka property o nazwie e w obiekcie style. Natomiast, Ty w każdej iteracji forEach masz dostępny jeden z elementów tablicy, po której iterujesz pod zmienną e. Żeby uzyskać dostęp do stylu, którego nazwę masz w tejże zmiennej e, musisz podać ją w nawiasach kwadratowych, tzw. bracket notation. Dzięki temu, nie odwołasz się do pola o nazwie e, tylko do pola, którego nazwa jest taka, jak wartość która znajduje się w zmiennej e.

Do poczytania:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors