სტილების განულება style-ის მეშვეობით JavaScript-ში

დავუშვათ, რომ რაღაც მოვლენის გამო გადავწყვიტეთ ელემენტის დამალვა:

javascriptelem.style.display = 'none';

ახლა დავუშვათ, რომ გადავწყვიტეთ ის უკან ჩვენება. ეს ნიშნავს, რომ თვისებას display საჭიროა მისი საწყისი მნიშვნელობის დაბრუნება. მაგალითად, ასე:

javascriptelem.style.display = 'block';

პრობლემა ის არის, რომ ეს მოუხერხებელია. შემდეგ საწყისი მნიშვნელობა სულაც არ იყო ზუსტად block. ის შეიძლება იყოს flex, ან inline-block, ან სხვა რამ. ის შეიძლება ჩვენ მიერ იყოს მინიჭებული CSS ფაილში, ან შეიძლება იყოს ბრაუზერის მიერ ნაგულისხმევად აღებული. სწორი მნიშვნელობის შენახვა რთულია.

საბედნიეროდ, არსებობს გზა თვისების საწყისი მნიშვნელობის მარტივად დასაბრუნებლად. უბრალოდ საჭიროა, როგორც მნიშვნელობა თვისების, მივანიჭოთ მას ცარიელი სტრიქონი:

javascriptelem.style.display = '';
Задание 1

მოცემულია div და ორი ღილაკი. პირველ ღილაკზე დაწკაპუნებით დამალეთ div, ხოლო მეორეზე დაწკაპუნებით - გამოაჩინეთ.

Задание 2

მოცემულია div და ორი ღილაკი. პირველ ღილაკზე დაწკაპუნებით გააწითლეთ div-ის ფონი, ხოლო მეორეზე დაწკაპუნებით - დააბრუნეთ საწყისი ფერი.