JavaScript'те аттрибуттер менен иштөөдөгү көйгөйлөр
Аттрибуттер менен иштөөдө бир көйгөй бар
- бул class аттрибуту.
Бул сөз JavaScript'те атайын мааниге ээ
ошондуктан биз жөн эле elem.class деп жазсақ болбойт,
class аттрибутунун маанисин окуу үчүн.
Анын ордуна elem.className деп жазышыбыз керек.
Келгиле, мисалды карайлы. Бизде мындай инпут бар дейли:
html<input id="elem" class="aaa bbb">
Келгиле, биздин инпуттун class аттрибутунун
маанисин чыгаралы:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // 'aaa bbb' деп чыгарат
Дагы башка көйгөйлөр бар, мисалы,
for аттрибуту. Ага htmlFor аркылуу кайрылуу керек.
Див берилген:
html<div id="elem" class="content no-gap"></div>
Ошондой эле баскыч берилген. Баскычка басканда
дивдин class аттрибутунун маанисин окуп,
экранга чыгарыңыз.
Див берилген:
html<div id="elem"></div>
Ошондой эле баскыч берилген. Баскычка басканда
дивдин class аттрибутуна кандайдыр бир
классты жазыңыз.
Бириктирилген бир нече CSS класстары бар див берилген:
html<div id="elem" class="aaa bbb ccc"></div>
Ошондой эле баскыч берилген. Баскычка басканда дивдин CSS класстарынын массивин алыңыз.