Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS]Jak dostać się do wartości atrybutu klasy?
Forum PHP.pl > Forum > Przedszkole
stellatus
Nie mogę tego nigdzie znaleźć. Jak dostać się do wartości atrybutu klasy? Np. chciałbym dostać się do wartości column-count w .newspaper:

https://www.w3schools.com/Css/tryit.asp?fil...s3_column-width

Kod
<style>
.newspaper {
  column-count: 3;
  column-width: 100px;
}
</style>
</head>
<body>

<div class="newspaper">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
</div>


nospor
Chcesz w js dostac sie do stylu elementu?

https://zellwk.com/blog/css-values-in-js/
stellatus
Wpisałem to do konsoli:
Kod
let para = document.querySelector('.newspaper');
let compStyles = window.getComputedStyle(para);
compStyles.getPropertyValue('column-count')


i pojawia się błąd: Argument 1 of Window.getComputedStyle is not an object.
nospor
No ale gdzie ty to dales? Bo widac wyraznie ze nie znalazl elementu wiec pewnie to dales zanim DOM sie wygenerowal. To masz dac po wygenerowaniu DOM (html) a nie przed
stellatus
OK. Wszystko działa. Dzięki bardzo!

https://codepen.io/rudolph-reti/pen/WNvdaqX
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.