Sifa za Vitambulisho kama Sifa katika JavaScript

Hebu sasa tujifunze kupata sifa za vitambulisho. Sheria ifuatayo inatumika hapa: kila sifa ya kitambulisho inalingana na sifa ya jina moja ya kipengele cha DOM.

Hebu tuangalie kwa mfano. Hebu tuseme tuna kitambulisho kama hiki:

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

Tupate kiungo kwa kipengele chetu kwenye kutofautisha:

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

Tuonyeshe thamani za sifa tunazohitaji:

console.log(elem.id);   // itaonyesha 'elem'
console.log(elem.type); // itaonyesha 'text'

Na sasa kwa mfano tubadilike thamani ya sifa:

elem.type = 'submit';

Kipekee kichujio kifuatacho:

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

Pia kipekee kifungo. Kwa kubonyeza kifungo onyesha kwenye skrini yaliyomo katika sifa type ya kichujio kilichoonyeshwa hapo juu.

Kipekee kichujio kifuatacho:

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

Pia kipekee kifungo. Kwa kubonyeza kifungo andika kwenye sifa type thamani submit.

Hebu uwe na kiungo kwa mfumo wa kitambulisho a, kifungo na aya. Kwa kubonyeza kifungo onyesha kwenye aya yaliyomo katika sifa href ya kiungo.

Hebu uwe na kiungo na kifungo. Kwa kubonyeza kifungo ongeza mwishoni maandishi ya kiungo yaliyomo katika sifa yake href kwenye mabano ya duara.

Hebu uwe na picha. Iweke kwenye ukurasa kwa kutumia kitambulisho img. Hebu pia kipekee kifungo na aya. Fanya hivi, ili kwa kubofya kifungo kwenye aya iandikwe njia ya picha kutoka kwenye sifa yake src.

Kipekee picha kwenye kitambulisho img na kifungo. Kwa kubonyeza kifungo kwenye sifa width andika thamani 300.

Kipekee picha kwenye kitambulisho img na kifungo. Hebu kwenye sifa width iwe umebainisha upana fulani. Tengeneza kifungo, kwa kubonyeza ambacho upana wa picha utaongezeka kwa 2 mara.

Hebu uwe na picha mbili. Tengeneza kwenye ukurasa kitambulisho img na vibonyezo viwili. Kwa kubonyeza kwenye kifungo cha kwanza andika kwenye sifa src njia ya picha ya kwanza, na kwa kubonyeza kwenye ya pili - njia ya picha ya pili.