Jak znaleść szerokość elementu bez id lub class ?

Jak znaleść szerokość elementu bez id lub class ?
PM
  • Rejestracja:3 miesiące
  • Ostatnio:3 miesiące
  • Postów:3
0

Jak znaleźć szerokość elementu bez id lub class ?

np

Kopiuj
<div><script>funkcjaznajdzszerokosc(this)</script>
edytowany 1x, ostatnio: cerrato
RJ
  • Rejestracja:prawie 3 lata
  • Ostatnio:4 minuty
  • 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
PM
  • 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

hzmzp
  • Rejestracja:ponad 11 lat
  • Ostatnio:3 dni
  • Postów:625
1

Co ty tak właściwie chcesz osiągnąć?

PM
  • 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

hzmzp
  • Rejestracja:ponad 11 lat
  • Ostatnio:3 dni
  • Postów:625
0

Co znaczy "REALNĄ", nie wystarczy ci F12 i podgląd z konsoli?

TG
  • 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.

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:minuta
  • Postów:8422
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


TG
  • 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/getBoundingClientRect

a 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.