JavaScriptтеги style атрибутундагы өлчөө бирдиктери
style атрибуту аркылуу касиеттердин маанилерин
көрсөткөндө, биз өлчөө бирдиктерин көрсөтүшүбүз керек:
javascriptelem.style.width = '100px';
Маанилерди окуганда, алар өлчөө бирдиктери менен алынышат:
javascriptlet width = elem.style.width;
console.log(width); // '100px' чыгарат;
Керек болсо, биз parseInt функциясынын жардамы менен
өлчөө бирдиктеринен арыла алабыз:
javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100 чыгарат
Эгер бөлчөк маанилер күтүлсө, parseFloat
функциясын колдонсо болот:
javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Задание 1
Див жана баскыч берилген. Баскычты басканда,
дивге туурасын 400px, бийиктигин
300px кылып белгилеңиз.
Задание 2
Див берилген:
html<div id="elem" style="width: 300px; height: 200px;">
текст
</div>
Ошондой эле баскыч берилген. Баскычты чыкылдатканда, дивдин туурасын жана бийиктигин өлчөө бирдиктери сиздирбей чыгарыңыз.
Задание 3
Див берилген:
html<div id="elem" style="font-size: 1.5em;">
текст
</div>
Ошондой эле баскыч берилген. Баскычты чыкылдатканда, дивдин шрифттин көлөмүн өлчөө бирдиктери сиздирбей чыгарыңыз.