Žymų atributai kaip savybės JavaScript

Dabar išmokime gauti žymų atributus. Čia galioja ši taisyklė: kiekvienas žymės atributas atitinka to paties pavadinimo DOM elemento savybę.

Pažiūrėkime pavyzdžiu. Tarkime, mes turime tokią žymę:

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

Gaukime nuorodą į mūsų elementą į kintamąjį:

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

Išveskime mums reikalingų atributų reikšmes:

javascriptconsole.log(elem.id);   // išves 'elem'
console.log(elem.type); // išves 'text'

O dabar pavyzdžiui pakeiskime atributo reikšmę:

javascriptelem.type = 'submit';

Задание 1

Duotas toks įvesties laukas:

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

Taip pat duotas mygtukas. Paspaudus mygtuką išveskite ekrane nurodyto aukščiau įvesties lauko atributo type turinį.

Задание 2

Duotas toks įvesties laukas:

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

Taip pat duotas mygtukas. Paspaudus mygtuką įrašykite į atributą type reikšmę submit.

Задание 3

Tarkime, jūs turite nuorodą žymės a pavidalu, mygtuką ir pastraipą. Paspaudus mygtuką išveskite į pastraipą nuorodos atributo href turinį.

Задание 4

Tarkime, jūs turite nuorodą ir mygtuką. Paspaudus mygtuką pridėkite į nuorodos teksto pabaigą jos atributo href turinį roundiniuose skliaustuose.

Задание 5

Tarkime, jūs turite paveikslėlį. Patalpinkite jį puslapyje naudodami žymę img. Tarkime, taip pat duoti mygtukas ir pastraipa. Padarykite kad paspaudus mygtuką į pastraipą būtų įrašytas kelias į paveikslėlį iš jo atributo src.

Задание 6

Duotas paveikslėlis žymėje img ir mygtukas. Paspaudus mygtuką į atributą width įrašykite reikšmę 300.

Задание 7

Duotas paveikslėlis žymėje img ir mygtukas. Tarkime, atribute width nustatytas kažkoks plotis. Padarykite mygtuką, paspaudus kurį paveikslėlio plotis padidėtų 2 kartus.

Задание 8

Tarkime, jūs turite du paveikslėlius. Padarykite puslapyje žymę img ir du mygtukus. Paspaudus pirmą mygtuką įrašykite į atributą src kelią į pirmą paveikslėlį, o paspaudus antrą - kelią į antrą paveikslėlį.