Jak znaleźć szerokość elementu bez id lub class ?
np
<div><script>funkcjaznajdzszerokosc(this)</script>
- Rejestracja:prawie 3 lata
- Ostatnio:38 minut
- Postów:436
0
Jakoś go musisz wybrać. Możesz querySelectorem wybrać któreś tam dziecko z elementów danego typu i wyciągniesz szerokość.
Możesz użyć również atrybutu zamiast klasy lub id, np. unknown-width.
edytowany 1x, ostatnio: rjakubowski
- Rejestracja:3 miesiące
- Ostatnio:3 miesiące
- Postów:3
0
a jeśli użyje np id="test"
np
<script>funkcjaznajdzszerokosc(this)</script>
wtedy this nie zwraca id
- Rejestracja:3 miesiące
- Ostatnio:3 miesiące
- Postów:3
0
potrzebuje prostą funkcje wyświetlającą REALNĄ szerokość elementu bez id (z this) do testów
- Rejestracja:3 miesiące
- Ostatnio:3 miesiące
- Postów:6
0
Jeśli dobrze rozumiem to twój element html nie posiada żadnych atrybutów typu id/class lub jakikolwiek inny własny data-atrybut, więc pozostaje ci tylko wyciągnąć ten element za pomoc tagu html uwzględniając hierarchie.
- Rejestracja:około 11 lat
- Ostatnio:minuta
- Postów:8423
0
PiotrMP006 napisał(a):
potrzebuje prostą funkcje wyświetlającą REALNĄ szerokość elementu bez id (z this) do testów
No to getBoundingClientRect
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
a w innych sytuacjach może się też przydać getComputedStyle
https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
- Rejestracja:3 miesiące
- Ostatnio:3 miesiące
- Postów:6
0
LukeJL napisał(a):
PiotrMP006 napisał(a):
potrzebuje prostą funkcje wyświetlającą REALNĄ szerokość elementu bez id (z this) do testów
No to getBoundingClientRect
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRecta w innych sytuacjach może się też przydać getComputedStyle
https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
Przy tym trzeba tylko pamiętać, że getComputedStyle nie zwróci pożądanej wartości, jeśli element nie ma nadanego bezpośrednio width: value in px, więc chyba lepiej już ogarnąć to po przez getBoundingClientRect, który zwraca cały obiekt z wartościami.
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.