Uzyskanie wartości zmiennej line-height w pikselach.

0

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);
1

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>
2

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.

1 użytkowników online, w tym zalogowanych: 0, gości: 1