სტილების განულება style-ის მეშვეობით JavaScript-ში
დავუშვათ, რომ რაღაც მოვლენის გამო გადავწყვიტეთ ელემენტის დამალვა:
elem.style.display = 'none';
ახლა დავუშვათ, რომ გადავწყვიტეთ ის
უკან ჩვენება. ეს ნიშნავს, რომ
თვისებას display საჭიროა
მისი საწყისი მნიშვნელობის დაბრუნება.
მაგალითად, ასე:
elem.style.display = 'block';
პრობლემა ის არის, რომ ეს მოუხერხებელია.
შემდეგ საწყისი მნიშვნელობა სულაც არ იყო
ზუსტად block. ის შეიძლება
იყოს flex, ან inline-block,
ან სხვა რამ. ის შეიძლება ჩვენ მიერ იყოს მინიჭებული
CSS ფაილში, ან შეიძლება იყოს ბრაუზერის მიერ
ნაგულისხმევად აღებული. სწორი მნიშვნელობის
შენახვა რთულია.
საბედნიეროდ, არსებობს გზა თვისების საწყისი მნიშვნელობის მარტივად დასაბრუნებლად. უბრალოდ საჭიროა, როგორც მნიშვნელობა თვისების, მივანიჭოთ მას ცარიელი სტრიქონი:
elem.style.display = '';
მოცემულია div და ორი ღილაკი. პირველ ღილაკზე დაწკაპუნებით დამალეთ div, ხოლო მეორეზე დაწკაპუნებით - გამოაჩინეთ.
მოცემულია div და ორი ღილაკი. პირველ ღილაკზე დაწკაპუნებით გააწითლეთ div-ის ფონი, ხოლო მეორეზე დაწკაპუნებით - დააბრუნეთ საწყისი ფერი.
