Jak poprawić poniższy kod, by wskazywał na wartość liczbową w pikselach, u mnie wychodzi według tego kodu: x=normal
.
x = window.getComputedStyle(document.querySelector("#tytan"), null).getPropertyValue("line-height");
console.log(x);
Jak poprawić poniższy kod, by wskazywał na wartość liczbową w pikselach, u mnie wychodzi według tego kodu: x=normal
.
x = window.getComputedStyle(document.querySelector("#tytan"), null).getPropertyValue("line-height");
console.log(x);
Spróbuj może tak:
<!DOCTYPE html>
<html>
<head>
<style>
.test {
display:inline-block;
width:0px;
background-color:green;
}
</style>
</head>
<body>
<span><span class="test">.</span>Jakiś tekst.<br>Druga linia.</span>
<script>
x = window.getComputedStyle(document.querySelector(".test"), null).getPropertyValue("height");
console.log(x);
</script>
</body>
</html>
Zerknij na to https://github.com/twolfson/line-height . Nie sprawdzałem działania w praktyce ale w źródłach (bardzo krótki kod) jest poprawka problemu z "normal" a nawet w opisie jest jak ona działa.