JavaScript-də Teq Atributları kimi Xüsusiyyətlər
Gəlin indi teq atributlarını necə əldə edəcəyimizi öyrənək. Burada aşağıdakı qayda tətbiq olunur: hər bir teq atributuna DOM elementində eyni adlı xüsusiyyət uyğun gəlir.
Gəlin bir nümunəyə baxaq. Tutaq ki, bizim belə bir teqimiz var:
html<input id="elem" type="text">
Gəlin elementə istinadı dəyişənə əldə edək:
javascriptlet elem = document.querySelector('#elem');
Gəlin bizə lazım olan atributların dəyərlərini çap edək:
javascriptconsole.log(elem.id); // 'elem' çap edəcək
console.log(elem.type); // 'text' çap edəcək
İndi isə nümunə üçün atributun dəyərini dəyişək:
javascriptelem.type = 'submit';
Aşağıdakı input verilmişdir:
html<input id="elem" type="email">
Həmçinin bir düymə verilmişdir. Düyməyə kliklədikdə
yuxarıda göstərilən inputun type atributunun
məzmununu ekrana çap edin.
Aşağıdakı input verilmişdir:
html<input id="elem" type="email">
Həmçinin bir düymə verilmişdir. Düyməyə kliklədikdə
type atributuna submit dəyərini yazın.
Tutaq ki, sizin a teqli bir keçid,
bir düymə və bir abzas var. Düyməyə kliklədikdə
keçidin href atributunun məzmununu abzasa çap edin.
Tutaq ki, sizin bir keçid və bir düymə var. Düyməyə
kliklədikdə keçidin mətninə, onun href atributunun
məzmununu dairəvi mötərizələr içərisində əlavə edin.
Tutaq ki, sizin bir şəkil var. Onu səhifədə
img teqi ilə yerləşdirin.
Tutaq ki, həmçinin bir düymə və bir abzas verilmişdir.
Elə edin ki, düyməyə kliklədikdə abzasa şəklin
src atributundakı yolu yazılsın.
img teqində bir şəkil və bir düymə verilmişdir.
Düyməyə kliklədikdə width
atributuna 300 dəyərini yazın.
img teqində bir şəkil və bir düymə verilmişdir.
Tutaq ki, width atributunda müəyyən bir en təyin edilib.
Kliklədikdə şəklin enini 2 dəfə artıracaq bir düymə hazırlayın.
Tutaq ki, sizin iki şəkil var. Səhifədə bir
img teqi və iki düymə hazırlayın. Birinci
düyməyə kliklədikdə src atributuna birinci şəklin
yolunu yazın, ikinci düyməyə kliklədikdə isə ikinci şəklin yolunu yazın.