Атрыбуты тэгаў як уласцівасці ў JavaScript

Давайце цяпер навучымся атрымліваць атрыбуты тэгаў. Тут дзейнічае наступнае правіла: кожнаму атрыбуту тэга адпавядае аднайменная ўласцівасць DOM элемента.

Давайце паглядзім на прыкладзе. Хай у нас ёсць вось такі тэг:

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

Атрымаем спасылку на наш элемент у зменную:

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

Вывядзем значэння патрэбных нам атрыбутаў:

console.log(elem.id);   // выведзе 'elem'
console.log(elem.type); // выведзе 'text'

А цяпер для прыкладу зменім значэнне атрыбута:

elem.type = 'submit';

Даны наступны інпут:

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

Дана таксама кнопка. Па націсканні на кнопку вывядзіце на экран змесціва атрыбута type паказанага вышэй інпута.

Даны наступны інпут:

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

Дана таксама кнопка. Па націсканні на кнопку запішыце ў атрыбут type значэнне submit.

Хай у вас ёсць спасылка ў выглядзе тэга a, кнопка і абзац. Па націсканні на кнопку вывядзіце ў абзац змесціва атрыбута href спасылкі.

Хай у вас ёсць спасылка і кнопка. Па націсканні на кнопку дадайце ў канец тэксту спасылкі змесціва яе атрыбута href у круглых дужках.

Хай у вас ёсць выява. Размясціце яе на старонцы з дапамогай тэга img. Хай даны таксама кнопка і абзац. Зрабіце так, каб па кліку на кнопку ў абзац запісаўся шлях да выявы з яе атрыбута src.

Дана выява ў тэгу img і кнопка. Па націсканні на кнопку ў атрыбут width запішыце значэнне 300.

Дана выява ў тэгу img і кнопка. Хай у атрыбуце width зададзена некая шырыня. Зрабіце кнопку, па націсканні на якую шырыня выявы будзе павялічвацца ў 2 разы.

Хай у вас ёсць дзве выявы. Зрабіце на старонцы тэг img і дзве кнопкі. Па націсканні на першую кнопку запішыце ў атрыбут src шлях да першай выявы, а па націсканні на другую - шлях да другой выявы.