თეგების ატრიბუტები როგორც თვისებები JavaScript-ში

ახლა მოდით ვისწავლოთ თეგების ატრიბუტების მიღება. აქ მოქმედებს შემდეგი წესი: თითოეულ თეგის ატრიბუტს შეესაბამება ამავე სახელის DOM ელემენტის თვისება.

მოდით შევხედოთ მაგალითს. დავუშვათ, რომ გვაქვს ასეთი თეგი:

html<input id="elem" type="text">

მივიღოთ ბმული ჩვენს ელემენტზე ცვლადში:

javascriptlet elem = document.querySelector('#elem');

გამოვიტანოთ ჩვენთვის საჭირო ატრიბუტების მნიშვნელობები:

javascriptconsole.log(elem.id);   // გამოიტანს 'elem'
console.log(elem.type); // გამოიტანს 'text'

ახლა კი მაგალითისთვის შევცვალოთ ატრიბუტის მნიშვნელობა:

javascriptelem.type = 'submit';
Задание 1

მოცემულია შემდეგი ინფუთი:

html<input id="elem" type="email">

მოცემულია ასევე ღილაკი. ღილაკზე დაჭერისას გამოიტანეთ ეკრანზე ზემოთ მითითებული ინფუთის type ატრიბუტის შიგთავსი.

Задание 2

მოცემულია შემდეგი ინფუთი:

html<input id="elem" type="email">

მოცემულია ასევე ღილაკი. ღილაკზე დაჭერისას ჩაწერეთ type ატრიბუტში მნიშვნელობა submit.

Задание 3

დაე, გქონდეთ ბმული a თეგის სახით, ღილაკი და აბზაცი. ღილაკზე დაჭერისას გამოიტანეთ აბზაცში ბმულის href ატრიბუტის შიგთავსი.

Задание 4

დაე, გქონდეთ ბმული და ღილაკი. ღილაკზე დაჭერისას დაამატეთ ბმულის ტექსტის ბოლოს მისი href ატრიბუტის შიგთავსი მრგვალ ფრჩხილებში.

Задание 5

დაე, გქონდეთ სურათი. მოათავსეთ იგი გვერდზე img თეგის საშუალებით. დაე, მოცემულია ასევე ღილაკი და აბზაცი. გახადეთ ისე, რომ ღილაკზე დაწკაპუნებისას აბზაცში ჩაიწეროს სურათის გზა მისი src ატრიბუტიდან.

Задание 6

მოცემულია სურათი img თეგში და ღილაკი. ღილაკზე დაჭერისას width ატრიბუტში ჩაწერეთ მნიშვნელობა 300.

Задание 7

მოცემულია სურათი img თეგში და ღილაკი. დაე, width ატრიბუტში მითითებულია გარკვეული სიგანე. გააკეთეთ ღილაკი, რომლის დაჭერისას სურათის სიგანე გაიზრდება 2-ჯერ.

Задание 8

დაე, გქონდეთ ორი სურათი. გვერდზე გააკეთეთ img თეგი და ორი ღილაკი. პირველ ღილაკზე დაჭერისას ჩაწერეთ ატრიბუტში src გზა პირველ სურათამდე, ხოლო მეორეზე დაჭერისას - გზა მეორე სურათამდე.