Ž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ę:

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

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

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

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

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

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

elem.type = 'submit';

Duotas toks įvesties laukas:

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

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

Duotas toks įvesties laukas:

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

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

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

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

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.

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

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.

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į.