JavaScript'te style Özniteliğinde Ölçü Birimleri
Özellik değerlerini
style özniteliği aracılığıyla belirtirken
ölçü birimlerini belirtmeliyiz:
javascriptelem.style.width = '100px';
Değerler okunurken da ölçü birimleriyle birlikte alınacaktır:
javascriptlet width = elem.style.width;
console.log(width); // '100px' yazacaktır;
Gerekirse, parseInt kullanarak
ölçü birimlerinden kurtulabiliriz:
javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100 yazacaktır
Ondalıklı değerler bekleniyorsa,
parseFloat fonksiyonunu kullanabilirsiniz:
javascriptlet width = elem.style.width;
console.log(parseFloat(width));
Задание 1
Bir div ve bir düğme verilmiştir. Düğmeye tıklandığında
div'in genişliğini 400px,
yüksekliğini ise 300px olarak ayarlayın.
Задание 2
Bir div verilmiştir:
html<div id="elem" style="width: 300px; height: 200px;">
text
</div>
Ayrıca bir düğme verilmiştir. Düğmeye tıklandığında div'in genişliğini ve yüksekliğini ölçü birimleri olmadan yazdırın.
Задание 3
Bir div verilmiştir:
html<div id="elem" style="font-size: 1.5em;">
text
</div>
Ayrıca bir düğme verilmiştir. Düğmeye tıklandığında div'in yazı tipi boyutunu ölçü birimleri olmadan yazdırın.